码迷,mamicode.com
首页 > 其他好文 > 详细

前端工业化框架Grund初体验

时间:2015-11-11 20:45:31      阅读:222      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!