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

grunt记录

时间:2015-07-07 12:32:35      阅读:94      评论:0      收藏:0      [点我收藏+]

标签:

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则开始执行默认任务

grunt记录

标签:

原文地址:http://www.cnblogs.com/gameshan/p/4626358.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!