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']);