uglifyjs 合并压缩 js, clean-css 合并压缩css

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

参考链接：

clean-css 的 github

clean-css-cli 的 github