环境描述
node=v0.10.25
npm=1.3.24
grunt-cli=0.1.13
安装nodejs:http://nodejs.org/
安装grunt和grunt-client:
npm install grunt
npm install -g grunt-cli
说明
grunt客户端与grunt是一对多的关系。也就是一个客户端下可以使用不同版本的grunt。而这个取决于Gruntfile中的配置。
安装插件
例如:
npm install grunt-contrib-uglify
运行
安装完插件后,运行grunt:
grunt
Grunt项目描述
Grunt项目由两个配置文件和依赖插件组成。
package.json:配置项目信息、Grunt版本信息和Grunt插件信息。参考。
Gruntfile:定义Grunt任务、配置Grunt插件。
配置参考
package.json:
{ "name": "my-project-name", // 项目名称 "version": "0.1.0", // 项目版本 "devDependencies": { // 项目依赖 "grunt": "~0.4.1", // Grunt库 "grunt-contrib-jshint": "~0.6.0", //以下三个是Grunt内置任务 "grunt-contrib-nodeunit": "~0.2.0", "grunt-contrib-uglify": "~0.2.2" }}
gruntfile.js
module.exports = function(grunt){ // 项目配置 grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), uglify: { options: { banner: '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n' }, build: { src: 'src/<%=pkg.name %>.js', dest: 'build/<%= pkg.name %>.min.js' } } }); // 加载提供"uglify"任务的插件 grunt.loadNpmTasks('grunt-contrib-uglify'); // 默认任务 grunt.registerTask('default', ['uglify']);}
参考: