grunt构建&文件合并与压缩

1.nodejs环境
grunt是基于nodejs的环境的,所以首先需要安装nodejs(http://blog.csdn.net/dr_920393252/article/details/71771485上有说明,就不细说了)
2.安装grunt
2.1>有了nodejs环境以后,我们还需要安装grunt
2.2>首先win+r,cmd进入命令行,输入npm install -g grunt-cli安装全局grunt
2.3>安装grunt插件时项目中一定要package.json，所以在项目中加一个最简单的package.json。不然的话插件安装不上。在相应文件夹新建一个package.json文件,然后输入相应内容
{
“name”: “web1”,
“version”: “0.1.0”,
“devDependencies”: {
“grunt” : “~1.0.1”,
“grunt-contrib-concat” : “~0.3.0”,
“grunt-contrib-uglify” : “2.3.0”
}
}
2.4>在项目目录安装grunt,命令行输入 npm install grunt –save-dev
3.安装合并和压缩插件
3.1>命令行输入 npm install grunt-contrib-concat grunt-contrib-uglify –save-dev
3.2>新建Gruntfile文件
module.exports = function(grunt) {

grunt.initConfig({

    pkg: grunt.file.readJSON('package.json'),

    concat : {
        web2 : {
            files : {
                'dist/main.js' : ['main.js','drag.js','scale.js']
            }
        }
    },
    uglify : {
        web2 : {
            files : {
                'dist/main.min.js' : ['dist/main.js']
            }
        }
    }
});

grunt.loadNpmTasks('grunt-contrib-concat');
grunt.loadNpmTasks('grunt-contrib-uglify');

grunt.registerTask('default', ['concat']);//合并
//grunt.registerTask('default', ['concat','uglify']);//压缩

};
3.3>命令行输入grunt 执行Gruntfile对应的命令(合并和压缩)