ターミナル/Grunt のバックアップ(No.1)
- バックアップ一覧
- 差分 を表示
- 現在との差分 を表示
- ソース を表示
- ターミナル/Grunt へ行く。
- 1 (2014-11-18 (火) 05:33:25)
- 2 (2014-11-18 (火) 08:09:36)
- 3 (2014-11-18 (火) 10:21:30)
最小限の実行Gruntサンプル
手順をしっかり覚えましょう！
- Gruntを実行するディレクトリを作成してターミナルで開きます
- package.jsonを作成します ... ≒ プロジェクトファイル
nmp init
- ローカルにgruntモジュールをインストールします
sudo npm install grunt --save-dev
- Gruntfile.jsファイルを作成します ... ≒ makefile
- Gruntを実行します
grunt
引数を付けないとターゲットはdefaultとなります。「grunt default」と同じです。
package.json例
#pre{{
{
"name": "it",
"version": "1.0.0",
"description": "",
"main": "Gruntfile.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC",
"devDependencies": {
"grunt": "^0.4.5"
}
}
}}
Gruntfile.js例
#pre{{
module.exports = function(grunt) {
//Gruntの設定
grunt.initConfig({
pkg: grunt.file.readJSON('package.json')
});
//defaultタスクの定義
grunt.registerTask('default', 'Log some stuff.', function() {
//ログメッセージの出力
grunt.log.write('Logging some stuff...').ok();
});
};
}}
サンプルでの「grunt」実行結果例
Running "default" task Logging some stuff...OK Done, without errors.
参考url: ブラックなWeb開発現場の救世主、Gruntのインストールと使い方 | @IT