grunt.jsをインストール - ITの隊長のブログ

minify化ってのに以前から興味があったのでgrunt.jsを試してみました。

$ sudo npm install -g grunt-cli


$ npm install grunt-contrib-concat -save-dev
$ npm install grunt-contrib-uglify -save-dev
$ npm install grunt-contrib-watch -save-dev

$ grunt init:gruntfile
A valid Gruntfile could not be found. Please see the getting started guide for more information on how to configure grunt: http://gruntjs.com/getting-started
Fatal error: Unable to find Gruntfile.

？？？エラー？

無くても大丈夫らしい

自分で作る

$ vim GruntFile.js

#####################
module.exports = function (grunt) {
    var pkg = grunt.file.readJSON('package.json');
    grunt.initConfig({
        concat: {
            files: {
                // 元ファイルの指定
                src : 'js/*.js',
                // 出力ファイルの指定
                dest: 'js/concat/projcet.js'
            }
        },

        uglify: {
            dist: {
                files: {
                    // 出力ファイル: 元ファイル
                    'js/min/projcet-min.js': 'js/concat/projcet.js'
                }
            }
        },

        watch: {
            js: {
                files: 'js/*.js',
                tasks: ['concat', 'uglify']
            }
        }
    });

    // プラグインのロード・デフォルトタスクの登録
    grunt.loadNpmTasks('grunt-contrib-uglify');
    grunt.loadNpmTasks('grunt-contrib-concat');
    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.registerTask('default', ['concat', 'uglify']);
};
#####################