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

Posted Mr、L

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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

以上是关于uglifyjs 合并压缩 js, clean-css 合并压缩css的主要内容,如果未能解决你的问题,请参考以下文章

用uglifyjs压缩混淆JS

UglifyJS压缩JS

UglifyJS3 压缩JS

webpack打包后不能调用,改用uglifyjs打包压缩

webpack学习打包压缩js和css

webpack 打包压缩 ES6文件报错UglifyJs + Unexpected token punc (();