2012-08-10

windows7でnode.jsとgrunt.jsを動かす

geckotang:

参考

node.jsをインストール

http://nodejs.org/

からwindows用のインストーラを落としてインストール

npmでgruntのインストール


>npm install -g grunt

でエラーが出る場合は


>npm config set registry http://registry.npmjs.org/

でレジストラを変更する。

さらにエラーが出る場合はプロキシを設定する。


>npm config set proxy http://プロキシサーバのURL:ポート番号

を追記する。(npm config set proxy http://プロキシサーバのURL:ポート番号 でもよい)


>npm config edit

するとメモ帳が立ち上がって変更することも出来る

gruntのバージョンを確認する。


>grunt.cmd --version
path.existsSync is now called `fs.existsSync`.
grunt v0.3.12

gruntを実行しやすくする

windowsだとgrunt.cmdってやらないといけません。 以下のコマンドを実行する。


>DOSKEY grunt=grunt.cmd $*

gruntで圧縮して結合

  • grunt.js
  • common/js/_src/file1.js
  • common/js/_src/file2.js
  • common/js/_src/jquery.min.js

grunt.jsのあるディレクトリに移動して以下を実行すると

ファイルの変更を監視してtasksの内容を実行してくれる。


>grunt watch

grunt.js

  • file1.jsとfile2.jsをminしてfile.min.jsを作る
  • file.min.jsとjquery.min.jsをconcatしてall.jsをcommon/js/に作成する ** minしてconcatなのはjquery.minのコピーライトが消えちゃうから。

module.exports = function(grunt){
    grunt.initConfig({
        min : {
            dist : {
                src : [
                    'common/js/_src/file1.js',
                    'common/js/_src/file2.js'
                ],
                dest : 'common/js/_src/file.min.js'
            }
            
        },
        concat : {
            dist : {
                // 結合元となるファイル
                src : [
                    'common/js/_src/jquery.min.js',
                    'common/js/_src/file.min.js'
                ],
                dest : 'common/js/all.js'
            }
        },
        watch : {
            scripts : {
                files : [
                    'common/js/_src/*.js'
                ],
                tasks : 'min concat'
            }
        }
    });
};
Prev