Kokudoriingスマートフォン用の表示で見るKokudoriing技術系与太話ブログこの広告は、90日以上更新していないブログに表示しています。node.js結構前にGrunt.jsがバージョン0.4.xになりました。・・・、マイナーバージョンアップというか実質メジャーバージョンアップというか。変わったのでプラグイン作成とGrunt自体の使い方について備忘録までに。大きな変更として、Grunt.js本体とCUIインタフェースが分離されました。CUIインタフェースをグローバルインストールし、Grunt.js本体はプロジェクト毎にローカルインストールする方針らしいです。いうことで、まずはCUIインターフェイスをグローバルインストールします。grunt-cli次にプロジェクトディレクトリに入ってからGruntをローカルインストールします。gruntそしてGruntファイル書くだけですね。デフォルト名が前までのgrunt.jsではなくGruntfile.jsに変わりました。Windows環境だとgruntよりgrunt.jsが優先されるため、grunt.cmd打たないといけないからでしょうね。http://qiita.com/items/a96b3812e93c0a3c7ae0そして一番の変更点として、今まで標準で入ってたconcatやらwatchやらが全部外部モジュール化されました。grunt-contrib-concatはnpmでローカルインストールしておく必要があります。grunt-contrib-xxx系のインストールをするのはめんどいので、package.jsonに書いておくと楽です。installすると、勝手に依存モジュールをインストールしてくれます。便利!それ以外のGruntファイルの書き方はバージョン0.3の時と大体一緒です。Grunt自体のわかりやすい解説はこちらにまとまってます。Gruntプラグインの作り方については日本語情報さっぱりなんですよねー。英語なら、公式ドキュメントが0.4から頑張りだしてるので、英語読める方はそちらで。以下の説明はコードを追いながら見ていただくとわかりやすいかもしれません。本来grunt-initとかでgruntpluginようテンプレートを自動生成できるらしいんですが、Windows環境だとうまくいかない。書いて、tasksディレクトリにタスクを書くだけ。(いや、tasksじゃなくても好きな名前でいいんだけども。)タスクファイル内では以下の様に書きます。あとはGruntが呼んでくれて、gruntオブジェクトを渡してくれるわけです。taskの処理})でタスクを登録すれば出来上がり。前述の通り、concatとかがgrunt-contrib-concatモジュールに分離されました。0.3だとgrunt組み込みだったので、grunt.helperからconcatをプラグイン内で使えたんですよね・・。0.4からgrunt.helperが廃止されたようで、concatとか自前で作るしかないのかなー・・。ちなみに、作ったGruntプラグインを公開するのなら、package.jsonのkeywordsに"gruntplugin"を加えて公開するだけです。publishただ、公開するのであれば、最低限テストくらいは書いておいたほうがいいかもですね。nodeunitが使えます。nodeunitで動くので、package.jsonで以下のように書いておくと便利です。testでテストが実行されるようになります。あとはjshintとかも付けておくと良いかもですね。grunt.loadNpmTasks('grunt-contrib-jshint')あとはGruntファイルにjshint用のタスクを書けばOK。jshintで動きます。JSHintや、オプションについては本家サイトをご参照ください。watchとかjshintとかconcat、minifyを簡単に自分のコードに適用できるので、Gruntは便利ですね。(11)月別アーカイブはてなブログをはじめよう!Kokudoriさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。