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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM