本文主要介绍如何通过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