grunt安裝使用簡介

grunt是一個基於任務的實現自動化工做流的平臺

安裝

1. npm uninstall grunt -g //卸載grunt
2. npm install grunt-cli -g //安裝grunt-cli
3. npm install grunt-init -g //安裝grunt-init 自動初始化grunt工程 可選安裝

grunt-init是個腳手架工具，它能夠幫你完成項目的自動化建立，包括項目的目錄結構，每一個目錄裏的文件等。具體狀況要看你運行grunt-init指定的模板，以及建立過程當中你對問題的回答。

配置

從官網下載package.json,gruntfile.js文件放到項目的根目錄，並對它們進行修改配置

• package.json //項目自動化所依賴的相關插件
• gruntfile.js //項目自動化工做流配置文件 重要

//package.json:
{
    "name":"my-project-name",
    "version": "0.1.0",
    "devDependencies":{
        "grunt":"~0.4.1",
        "grunt-contrib-jshint":"~0.6.0",
        "grunt-contrib-nodeunit": "~0.2.2",
        "grunt-contrib-uglify": "~0.2.2"
    }
    
}

//gruntfile.js: commonJs模塊定義方式
module.export = function(grunt){
    //project configuration
    grunt.initConfig(function(){
        pkg: grunt.file.readJSON('package.json'),
        uglify: {
            options:{
                banner:'/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") */'
            },
            build:{
                src: "src/<%= pkg.name %>.js",
                dest: "build/<%= pkg.name %>.min.js"
            }
        }
    });
}

//load the plugin that provides the "unglify" task
grunt.loadNpmTasks('grunt-contrib-uglify');

//default task(s)
grunt.registerTask('default',['uglify']);