Grunt安装和配置

2015年08月21日

Grunt安装和配置

安装、运行 Grunt；以及一些 Grunt 的任务配置，js代码检验，压缩合并文件，编译less得。

安装 grunt (首先要安装Node.js)

	npm install grunt-cli -g

新建项目后创建项目

	npm install

运行grunt

	grunt

grunt能默认的执行某些操作，操作写在 Gruntfile.js 当相应改变发生时会自动触发对应操作
比如：在指定目录./dev/css/ 新建新建 .css文件，会自动在指定目录 ../css/生成压缩 .min.css 文件
对应规则可以自己编辑
定义watch事件才会监测相应文件的变动情况，不定义不会自动执行

grunt 配置

开始引用配置文件信息，组要是作者，版本号等

pkg: grunt.file.readJSON(‘package.json’),

js 代码检验

jshint: {

        files: ['Gruntfile.js', 'test/**/*.js'], //要检验的js文件
        options: {
            globals: {
                jQuery: true
            }
        }
    },

合并 js 并添加指定内容：

concat: {

        options: {
            separator: ';', //文件内容的分隔符
            stripBanners: true,  //文件开头的签名
	banner: '/* <%= pkg.name %> - v<%= pkg.version %> - ' + '<%= grunt.template.today("yyyy-mm-dd") %> */ \n'  //调用package.json
        },
        dist: {
            src: ['lib/**/*.js', 'test/**/*.js'],  //要合并的源文件
	dest: 'js/main.js'  //合并为文件
        }
    },

压缩 js 文件：

uglify: {

        build: {
            src: 'js/main.js', //压缩源文件
            dest: 'js/main.min.js' //压缩为文件  
        }
    },