Grunt压缩文件

标签：

1.   安装nodejs，去nodejs的官网下载nodejs，我使用的是第一个如下图所示：
   
2. 安装grunt-cli
   npm install -g grunt-cli
3. 建立grunt文件夹，在文件夹下面建立package.json、Gruntfile.js文件
   
4. 安装grunt
   npm install grunt
5. 安装grunt插件

   npm install grunt-contrib-uglify、grunt-contrib-jshint、grunt-contrib-concat
6. 最后执行grunt就ok了
7. package.json：

   {
     "name": "xcwJs",
     "version": "0.1.0",
     "description": "xcwJs",
     "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-concat": "~0.1.1",
       "grunt-contrib-copy": "~0.4.1",
       "grunt-contrib-clean": "~0.5.0",
       "grunt-strip": "~0.2.1"
     },
     "dependencies": {
       "express": "3.x"
     }
   }

8.  Gruntfile.js
   

   module.exports = function (grunt) {
     // ÏîÄ¿ÅäÖÃ
     grunt.initConfig({
       pkg: grunt.file.readJSON(‘package.json‘),
       concat: {
         options: {
           separator: ‘;‘
         },
         dist: {
           //要合并的文件
           src: [‘src/addfavor.js‘, ‘src/arrayHelp.js‘, ‘src/common.js‘,‘src/convertor.js‘,‘src/slider.js‘,‘src/star.js‘,‘src/vTicker.js‘],
           dest: ‘dest/xcw.js‘//将文件合并到dest下
         }
       },
       uglify : {
               options : {
                   //压缩文件的头部说明
                   banner : ‘/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n‘
               },
               build : {
                   src : ‘dest/xcw.js‘,
                   dest : ‘dest/xcw.min.js‘
               }
           }
     });
     // 载入concat和uglify插件，分别对于合并和压缩
       grunt.loadNpmTasks(‘grunt-contrib-concat‘);
       grunt.loadNpmTasks(‘grunt-contrib-uglify‘);
       // 注册任务
       grunt.registerTask(‘default‘, [‘concat‘, ‘uglify‘]);
   }

    

Grunt压缩文件

标签：

原文地址：http://www.cnblogs.com/fangdx/p/4565165.html