标签:
什么是GRUNT?
基于任务的命令行工具。能做的事包括:
● 验证html,css, javascript
● 压缩css, javascript
● 编译CoffeeScript, TypeScript, etc
● 编译Less
● 等等
描述项目的元数据。
{ "name": "", "version":"0.1.0", "devDependencies":{ "grunt": "~0.4.1" } }
参考:http://package.json.nodejitsu.com/
用来配置和定义GRUNT任务的文件。
"use strict"; module.exports = function(grunt){ grunt.initConfig({ pkg: grunt.file.readJSON(‘package.json‘), clean:{ options:{ force: true }, output: [‘../Source/*/obj/debug‘] } }); grunt.loadNmpTasks(‘grunt-contrib-clean‘); //加载npm任务用来加载特定的Grunt插件,前提是插件必须事先安装好 grunt.registerTask(‘efault‘,[‘clean‘]);//设置entiry point };
grunt taskName -v
→ 安装Node.js http://nodejs.org/
→ 安装Node Package Manager, https://npmjs.org/
→ 安装GRUNT cli
npm intstall -g grunt-cli
→ 安装GRUNT到本地项目文件夹
导航到项目文件夹输入:npm install grunt --save-dev
创建完毕项目文件夹里多了一个node_modules文件夹
→ 创建项目package.json文件
在项目根文件夹下创建package.json文件
{ "name":"helloGrunt", "version": "0.1.0", "devDependencies" : { "grunt": "~0.4.1" } }
→ 安装插件
导航到项目文件夹
npm install grunt-contrib-clean --save-dev
安装完毕,在package.json中有了变化:
{ "name": "helloGrunt", "version": "0.1.0", "devDependencies": { "grunt": "~0.4.1", "grunt-contrib-clean": "^0.7.0" } }
→ 在项目根文件夹下创建Gruntfile.js文件
‘use strict‘; module.exports = function(grunt){ grunt.initConfig({ pkg: grunt.file.readJSON(‘package.json‘), clean: { //命令行运行的时候,会删除掉ToBeCleaned下的子文件夹 output: [‘ToBeCleaned/*‘] } }); grunt.loadNpmTasks("grunt-contrib-clean"); grunt.registerTask("default",[‘clean‘]); }
以上,任务的名称为default, 执行的任务是clean
→ 创建在项目根文件夹下创建ToBeCleaned文件夹,并创建几个文件
→ 导航到项目根目录下
grunt default -v
标签:
原文地址:http://www.cnblogs.com/darrenji/p/4993320.html