1. 程式人生 > >grunt uglify的 多js檔案的壓縮

grunt uglify的 多js檔案的壓縮

先安裝全域性的grunt     

  輸入npm install -g grunt -cli

然後按下面的配置

1、package.json的配置

       {
   "name": "ui",
   "version": "0.1.0",
   "description": "ui",
   "license": "MIT",
   "devDependencies": {
     "grunt": "~0.4.1",
     "grunt-contrib-jshint": "~0.6.3",
     "grunt-contrib-concat": "~0.3.0",
     "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"
  }
}

2、Gruntfile.js的配置

    module.exports = function (grunt) {


    // 構建任務配置
    grunt.initConfig({


        //讀取package.json的內容,形成個json資料
        pkg: grunt.file.readJSON('package.json'),


        //壓縮js
        uglify: {
            //檔案頭部輸出資訊
            options: {
                banner: '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n'
            },
            my_target: {
                files: [
                    {
                        expand: true,
                        //相對路徑
                        cwd: './',
                        src: './app/scripts/smartyStockPicking/*.js',  // 你要壓縮的檔案的路徑
                        dest: './unify',// 輸出檔案的路徑
                        rename: function (dest, src) {  
                                  var folder = src.substring(0, src.lastIndexOf('/'));  
                                  var filename = src.substring(src.lastIndexOf('/'), src.length);  
                                  //  var filename=src;  
                                  filename = filename.substring(0, filename.lastIndexOf('.'));  
                                  var fileresult=dest + folder + filename + '.min.js';  
                                  grunt.log.writeln("現處理檔案:"+src+"  處理後文件:"+fileresult);  
            
                                  return fileresult;  
                                  //return  filename + '.min.js';  
                              } 
                    }
                ]
            }
        }


    });


    // 載入指定外掛任務
    grunt.loadNpmTasks('grunt-contrib-uglify');


    // 預設執行的任務
    grunt.registerTask('default', 'uglify');


};

3、檔案的路徑一定要改成你自己的(你要壓縮的檔案路徑)

4、把檔案的放在要壓縮檔案的目錄同級下     

     輸入  npm install

5、輸入 grunt   就ok    

其實沒那麼複雜!

多檔案js就可以壓縮了。

好用了 給個贊!