grunt是nodejs下的一个任务运行器,经过配置文件能够很方便的执行一系列任务node
安装
1.npm install -g grunt-cli 安装grunt辅助命令(能够直接在命令行中执行grunt命令)express
2.到给定目录npm
3.npm install grunt --save-dev 安装grunt,若是有--save-dev选项则将grunt添加到package.json文件中的devDependencies属性中去json
4.安装grunt插件grunt
npm install grunt-contrib-jshint
npm install grunt-contrib-uglify //压缩js的插件
npm install grunt-contrib-requirejs
npm install grunt-contrib-copy
npm install grunt-contrib-clean
npm install grunt-contrib-concat //合并文件的插件
npm install grunt-striprequirejs
5.写package.json文件ui
{ "name": "demo", "file": "zepto", "version": "0.1.0", "description": "demo", "license": "MIT", "devDependencies": { "grunt": "~0.4.1", "grunt-contrib-jshint": "~0.6.3", "grunt-contrib-uglify": "~0.2.1", "grunt-contrib-requirejs": "~0.4.1", "grunt-contrib-copy": "~0.4.1", "grunt-contrib-clean": "~0.5.0",
"grunt-contrib-concat": "grunt-strip": "~0.2.1" }, "dependencies": { "express": "3.x" } }
6.写Gruntfile.js文件spa
module.exports = function (grunt) { // 项目配置 grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), //将package.json文件的内容转换为json对象 uglify: { options: { banner: '/*! <%= pkg.file %> <%= grunt.template.today("yyyy-mm-dd") %> */\n' }, build: { src: 'src/<%=pkg.file %>.js', //要压缩的文件名 dest: 'dest/<%= pkg.file %>.min.js' //压缩后文件的保存路径 } } }); // 加载提供"uglify"任务的插件 grunt.loadNpmTasks('grunt-contrib-uglify'); //加载插件 // 默认任务 grunt.registerTask('default', ['uglify']); //默认grunt任务 }
7.执行grunt任务插件
在命令行中敲入grunt则开始执行默认任务命令行