grunt

Grunt 初学者

安装CLI

$ npm install -g grunt-cli

文件配置

一个Grunt项目还有两个文件特别的重要：package.json和Gruntfile.js

  • 运行npm install安装项目相关依赖(插件，Grunt内置任务等依赖)

      {
  	"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"
  		}
  }

  • 使用grunt(命令)运行Grunt。

Gruntfile

一个Gruntfile由下面几部分组成：

  • “wrapper”函数(包装函数)
  • 项目和任务配置
  • 加载的Grunt插件和任务
  • 自定义任务

“wrapper”函数

module.exports = function(grunt) {
	// 在这里处理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'
      }
  }
});

加载grunt插件和任务

// 加载提供"uglify"任务的插件
grunt.loadNpmTasks('grunt-contrib-uglify');

自定义任务

// 默认任务
grunt.registerTask('default', ['uglify']);

grunt uglify = grunt default 两者等价
来源