码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-06-12 16:13:46      阅读:80      评论:0      收藏:0      [点我收藏+]

标签:文件   log   example   指南   awl   中文   github   node   data   

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

标签:文件   log   example   指南   awl   中文   github   node   data   

原文地址:https://www.cnblogs.com/xiaoluohao/p/13099946.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!