本文主要介绍如何通过CLI命令行(也就是终端或者cmd打开的那个shell窗口)实现 js和 css 的合并压缩。
uglifyjs 合并压缩 js:
1.安装node
这一步就不多说了,下载node自行安装。
2.安装 uglifyjs
全局安装:
npm install -g uglify-js
局部安装:
npm install --save-dev uglify-js
3.在终端执行合并压缩命令
uglifyjs js/common.js js/example.js -o js/common.min.js
上面的命令表示把common.js 和 example.js 合并成为 common.min.js。这里面的路径请根据你项目的实际情况更改。
其中 -o 表示 输出文件路径
参考链接:
uglifyjs的github
UglifyJS3中文文档
UglifyJS--javascript代码压缩使用指南
clean-css 合并压缩css:
1.安装node
2.安装 clean-css
全局安装:
npm install -g clean-css
局部安装:
npm install --save-dev clean-css
3.安装 clean-css-cli
npm install -g clean-css-cli
4.在终端执行合并压缩命令
cleancss -o css/app.all.min.css css/common.css css/index.css
css/app.all.min.css --- 表示你压缩后的目标路径及css文件名
css/common.css css/index.css --- 这些都是你需要压缩合并的css