初涉Grunt

grunt具体是什么，表示自己理解的不够好，也说不清楚，老老实实上连接grunt简介

现将Grunt的具体安装以及一次小小的尝试简介如下：

1. 安装npm，鉴于Grunt的安装依赖于npm install，故安装之

npm是nodejs的一个module，直接安装完成nodejs之后，npm将被自动安装

2. 安装Grunt

在安装Grunt之前，首先设置一下npm的镜像，表示默认的镜像速度慢的惨不忍睹，

现使用的为taobao所做的一个国内的镜像：npm中国镜像 感谢淘宝为我们这些苦逼程序狗又节约了蛮多生命，拜谢之 。。

npm install -g cnpm --registry=https://registry.npm.taobao.org

执行上述命令即可，我是直接用的cnpm来代替npm，反正淘宝的大大们说可以代替 。。

安装Grunt：

npm install -g grunt-cli

3. 添加项目基本文件 package.json Gruntfile.js

package.json

{

"name": "test",

"version": "1.0.1"

}

Gruntfile.js

module.exports = function(grunt) {

grunt.initConfig({

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

uglify: {

build: {

src: 'src/a.js',

dest: 'build/a.min.js'

}

},

cssmin: {

build: {

src: 'src/a.css',

dest: 'build/a.min.css'

}

}

});

// 告诉grunt我们将使用插件

// uglify 压缩js

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

// cssmin 压缩css

grunt.loadNpmTasks('grunt-contrib-cssmin');

// 告诉grunt当我们在终端中输入grunt时需要做些什么

grunt.registerTask('default', ['uglify', 'cssmin']);

};

4. 安装插件 grunt grunt-contrib-uglify grunt-contrib-mincss

（

npm install --save-dev

）

npm install grunt --save-dev

npm install grunt-contrib-uglify --save-dev

npm install grunt-contrib-cssmin --save-dev

5. 命令行执行 grunt

done ………..

参考连接：Grunt教程_Grunt打造极致前端自动化（1）

pps: 如发现问题，望邮件知会一下，拜谢 dtldyx6 at 163 dot com