Useful tool to minify CSS files
DISCLAIMER: this is not an ad, I didn't write this for money, it's just my personal recommendation
Recently I found an amazing tool to minify CSS files, called css-minify. It's extremely useful to me, since I deal with many CSS files.
Syntax
-f or --file specifies the source file
-d or --dir specifies the source directory of CSS files (if you have too many)
-o or --output specifies the output directory (by default, it's css-dist)
Name of output files will be <filename>.min.css
Here's an example:
css-minify -d css -o css/minified will minify all CSS files in css directory and output minified files into minified subdirectory
Command output would look something like that:
/base/directory/css/minified2/accordion.min.css 生成成功!
/base/directory/css/minified2/dropdown.min.css 生成成功!
/base/directory/css/minified2/essential.min.css 生成成功!
/base/directory/css/minified2/extras.min.css 生成成功!
/base/directory/css/minified2/fonts.min.css 生成成功!
/base/directory/css/minified2/mobile.min.css 生成成功!
/base/directory/css/minified2/general.min.css 生成成功!
/base/directory/css/minified2/nav.min.css 生成成功!
/base/directory/css/minified2/variables.min.css 生成成功!
How to install
It's available on npm, install it like any other npm package:
npm install css-minify -g