|
|
3 years ago | |
|---|---|---|
| .cache | 3 years ago | |
| css | 3 years ago | |
| test | 3 years ago | |
| .gitignore | 3 years ago | |
| LICENSE | 3 years ago | |
| Makefile | 3 years ago | |
| README.md | 3 years ago | |
| assets.makefile | 3 years ago | |
| assets.sh | 3 years ago |
Collection of web assets for reuse in other projects
Install yui-compressor tool:
sudo apt-get install yui-compressor
Include to your main makefile:
.assets.makefile:
curl -fsSL -o $@ https://raw.githubusercontent.com/vladimirok5959/assets/main/assets.makefile
include .assets.makefile
Add to gitignore file:
/.cache/
.*.makefile
assets.sh
Keep your CSS and JS files with *.dev.css and *.dev.js suffix. Run make assets command to process all finded files
You can include CSS or JS files from internet into local file by import() command inside CSS or JS file. Check /test/ directory and /test/test.dev.css file. For example:
/* import(https://path/to/file/reset.css) */
/* import(https://path/to/file/controls/checkbox/ios.css) */
.example {
background-color: red;
}
In the result you will get combined and minified CSS file without .dev. suffix. And the same works for JS files. Note: for reducing http requests /.cache/ directory is used. Run make assets-clear-cache for clearing cached files