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