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 两者等价
来源