grunt項目配置

安裝完CLI，還要在項目安裝Grunt

npm install -g grunt-cli

 

npm install grunt --save-dev

 

源碼放在src下

 

package.json放在根目錄下

{
  "name": "Bejs",
  "version": "0.1.0",
  "devDependencies": {
    "grunt": "~0.4.0",
    "grunt-contrib-jshint": "~0.1.1",
    "grunt-contrib-uglify": "~0.1.2",
    "grunt-contrib-concat": "~0.1.1"
  }
}

打開命令行工具進入到項目根目錄，敲以下命令: npm install

 

Gruntfile.js也是放在項目根目錄下

 

module.exports = function(grunt) {
    // 配置
    grunt.initConfig({
        pkg : grunt.file.readJSON('package.json'),
        concat : {
            domop : {
                src: ['src/ajax.js', 'src/selector.js'],
                dest: 'dest/domop.js'
            }
        },
        uglify : {
            options : {
                banner : '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n'
            },
            build : {
                src : 'dest/domop.js',
                dest : 'dest/domop.min.js'
            }
        }
    });
    // 載入concat和uglify插件，分別對於合併和壓縮
    grunt.loadNpmTasks('grunt-contrib-concat');
    grunt.loadNpmTasks('grunt-contrib-uglify');
    // 註冊任務
    grunt.registerTask('default', ['concat', 'uglify']);
}; 

進入到項目根目錄，敲 grunt

grunt官方文檔http://gruntjs.com/api/grunt