ドットインストールの less が完了したので grunt に挑戦
まずは環境の構築
node.js を使ったタスク自動化ツールが grunt
主にCSS JSのフロントエンドまわりのファイル圧縮
結合、最適化などの手順をスクリプト化するツール
スクリプト化すれば面倒な作業を一瞬で実行したり
自動化の手順を他の人と共有できる
公式サイトは
http://grunts.com/
必要な知識は
node.js
js
html
css
less
less のプリプロセッサーを題材にタスク自動化をする
あと linux コマンド
作業はvagrant の centos
localdev ディレクトリに移動して
vagrant up
で起動し
vagrant ssh
でログイン
mkdir grunt_lessons
でディレクトリをつくり
cd grunt_lessons
で移動してここで作業する
ipアドレスに関しては ifconfig で確認
node -v
でヴァージョン確認
v0.10.24
npm -v
でこっちも確認
1.3.6
less の確認のため
lessc -v を実行したけど
lessc: コマンドが見つかりません
となるので
less をインストール
http://lesscss.org/#using-less
を参考にインストール
sudo npm install -g less
でインストール
途中、
npm WARN unmet dependency /usr/lib/node_modules/block-stream requires inherits@'~2.0.0' but will load npm WARN unmet dependency undefined, npm WARN unmet dependency which is version undefined npm WARN unmet dependency /usr/lib/node_modules/fstream requires inherits@'~2.0.0' but will load npm WARN unmet dependency undefined, npm WARN unmet dependency which is version undefined npm WARN unmet dependency /usr/lib/node_modules/fstream-ignore requires inherits@'2' but will load npm WARN unmet dependency undefined, npm WARN unmet dependency which is version undefined npm WARN unmet dependency /usr/lib/node_modules/fstream-npm requires inherits@'2' but will load npm WARN unmet dependency undefined, npm WARN unmet dependency which is version undefined npm WARN unmet dependency /usr/lib/node_modules/glob requires inherits@'2' but will load npm WARN unmet dependency undefined, npm WARN unmet dependency which is version undefined npm WARN unmet dependency /usr/lib/node_modules/npmconf requires inherits@'~2.0.0' but will load npm WARN unmet dependency undefined, npm WARN unmet dependency which is version undefined npm WARN unmet dependency /usr/lib/node_modules/tar requires inherits@'2' but will load npm WARN unmet dependency undefined, npm WARN unmet dependency which is version undefined
となっていたいたので、問題がおきたらその時対処の予定
lessc -v
でバージョン確認したら
lessc 1.7.0 (LESS Compiler) [JavaScript]
となった
次に grunt コマンドのインストール
sudo npm install -g grunt-cli
結果としては
grunt-cli@0.1.13 /usr/lib/node_modules/grunt-cli ├── resolve@0.3.1 ├── nopt@1.0.10 (abbrev@1.0.4) └── findup-sync@0.1.3 (lodash@2.4.1, glob@3.2.9)
となっているので起動はできそう