grunt是nodejs下的一个任务运行器,通过配置文件可以很方便的执行一系列任务
安装
1.npm install -g grunt-cli 安装grunt辅助命令(可以直接在命令行中执行grunt命令)
2.到给定目录
3.npm install grunt 安装grunt
4.安装grunt插件
npm install grunt-contrib-jshint
npm install grunt-contrib-uglify
npm install grunt-contrib-requirejs
npm install grunt-contrib-copy
npm install grunt-contrib-clean
npm install grunt-strip
5.写package.json文件
{ "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-strip": "~0.2.1" }, "dependencies": { "express": "3.x" } }
6.写Gruntfile.js文件
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则开始执行默认任务
时间: 2024-10-16 15:50:23