uglifyjs連結圧縮js,clean-css連結圧縮css

1398 ワード

本文は主に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
UglifyJS 3中国語ドキュメント
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