1. 程式人生 > >uglifyjs 合併壓縮 js, clean-css 合併壓縮css

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