首页 > 其他 > 详细

前端工业化框架Grund初体验

时间:2015-11-11 20:43:47      阅读:369      评论:0      收藏:0      [点我收藏+]

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

技术分享

 

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

 

前端工业化框架Grund初体验

原文:http://www.cnblogs.com/tinyphp/p/4956719.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!