grunt记录

grunt是nodejs下的一个任务运行器,通过配置文件可以很方便的执行一系列任务

 

安装
  1.npm install -g grunt-cli  安装grunt辅助命令(可以直接在命令行中执行grunt命令)

  2.到给定目录

  3.npm install grunt --save-dev  安装grunt,如果有--save-dev选项则将grunt添加到package.json文件中的devDependencies属性中去

  4.安装grunt插件

  npm install grunt-contrib-jshint    
  npm install grunt-contrib-uglify        //压缩js的插件
  npm install grunt-contrib-requirejs
  npm install grunt-contrib-copy
  npm install grunt-contrib-clean
  npm install grunt-contrib-concat        //合并文件的插件
  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-contrib-concat":
"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则开始执行默认任务

posted on 2015-07-07 11:02  gameshan  阅读(123)  评论(0编辑  收藏  举报

导航