uglifyjs連結圧縮js,clean-css連結圧縮css
1398 ワード
本文は主にCLIコマンドライン(すなわち端末またはcmdが開いているshellウィンドウ)によってjsとcssのマージ圧縮を実現する方法を紹介する.
この一歩はもう言わないで、nodeをダウンロードして自分でインストールします.
グローバルインストール:
ローカルインストール:
上のコマンドはcommonを表します.jsとexample.jsはcommonにマージする.min.js.この中の経路はあなたのプロジェクトの実際の状況に応じて変更してください.
ここで-oは出力ファイルパスを示す
参照リンク:
uglifyjsのgithub
UglifyJS 3中国語ドキュメント
UglifyJS--javascriptコード圧縮使用ガイド
グローバルインストール:
ローカルインストール:
css/app.all.min.css---圧縮後のターゲットパスとcssファイル名を表します
css/common.css css/index.css---これらはすべてあなたが圧縮して合併する必要があるcssです
参照リンク:
clean-cssのgithub
clean-css-cliのgithub
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