grunt uglify的 多js文件的压缩

来源:互联网 发布:海岛奇兵科技数据大全 编辑:程序博客网 时间:2024/06/05 10:03

先安装全局的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就可以压缩了。

好用了 给个赞!

原创粉丝点击