标签:
提示:Grunt基于Node.js,安装之前要先安装Node.js
第一步:安装 grunt-cli
npm install -g grunt-cli
第二步:用以下命令创建一个基本的package.json文件
npm init
第三步:
npm install
第四步:安装 Grunt 插件
npm install grunt --save-dev
同样方法按需安装常用Grunt插件如:
npm install grunt-contrib-concat --save-dev
grunt-contrib-uglify:压缩js代码
grunt-contrib-concat:合并js文件
grunt-contrib-qunit:单元测试
grunt-contrib-jshint:js代码检查
grunt-contrib-watch:监控文件修改并重新执行注册的任务
第五步:根目录创建Gruntfile.js
module.exports = function(grunt) { // Project configuration. 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‘ } } }); // 加载包含 "uglify" 任务的插件。 grunt.loadNpmTasks(‘grunt-contrib-uglify‘); // 默认被执行的任务列表。 grunt.registerTask(‘default‘, [‘uglify‘]); };
然后grunt一下
然后我们来分析下这文件。。
标签:
原文地址:http://www.cnblogs.com/tinyphp/p/4956719.html