- 追加された行はこの色です。
- 削除された行はこの色です。
*最小限の実行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>http://www.atmarkit.co.jp/ait/articles/1403/04/news020.html]]
*リンク
-[[コピペが出来るなら誰でも出来る、Web制作タスク自動化ツール「Grunt」導入手順 | OZPAの表4>http://ozpa-h4.com/2014/02/06/grunt-js-install/]]
-[[Gruntで始めるWeb開発爆速自動化入門（1）：ブラックなWeb開発現場の救世主、Gruntのインストールと使い方 | ＠IT>http://www.atmarkit.co.jp/ait/articles/1403/04/news020.html?fb_action_ids=495947923840680&fb_action_types=og.likes&fb_source=other_multiline&action_object_map=%5B407791856024072%5D&action_type_map=%5B%22og.likes%22%5D&action_ref_map=%5B%5D]]
