本文主要介紹如何通過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
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/24978.html
標籤:Html/Css
上一篇:盒尺寸
下一篇:教育技術創新途徑
