前端工业化框架Grund初体验

提示：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一下

然后我们来分析下这文件。。