#はじめに
Windows環境で、Node.jsのnpmモジュールを使って以下を行う手順をまとめます。
- HTML, CSSの軽量化(minify)
- JavaScriptの難読化(uglify)
#使用モジュール
- html-minifier → HTMLファイルの軽量化モジュール
- clean-css-cli → CSSファイルの軽量化モジュール
- uglify-es → JavaScriptファイルの難読化モジュール
#準備：モジュールのインストール
-
Node.jsを取得しインストールする。→ https://nodejs.org/ja/
-
Node.js command promptを起動する。
-
以下のコマンドを実行する。（2行目のプロキシ設定は必要な場合のみ実行）
$ npm -g config set registry http://registry.npmjs.org/
$ npm -g config set proxy http://xxx.xxx.xxx:8080
$ npm install -g html-minifier
$ npm install -g clean-css-cli
$ npm install -g uglify-es
#使用方法
Node.js command promptから、以下のコマンドを実行する。
##HTMLの軽量化
$ html-minifier --collapse-whitespace --remove-comments --remove-optional-tags --remove-redundant-attributes --remove-script-type-attributes --remove-tag-whitespace --use-short-doctype original.html -o original.min.html
##CSSの軽量化
$ cleancss -o original.min.css original.css
##JavaScriptの難読化
$ uglifyjs original.js -c --compress --mangle --output original.min.js
#参考記事