您的位置:首页 > Web前端 > JavaScript

grunt实现把一个文件夹的目录和js一一对应压缩

2016-10-24 14:11 323 查看
1、待压缩文件目录


2、压缩后文件目录


3、GruntFile.js代码



module.exports=function(grunt){

    grunt.initConfig({

        pkg:grunt.file.readJSON('package.json'),

        //uglify压缩

        uglify:{

            options:{

                stripBanners:true,

                banner:'/*! <%=pkg.name%>-<%=pkg.version%>.js <%=grunt.template.today("yyyy-mm-dd") %> */\n'

            },

            my_target: {

                files: [

                    {

                        expand: true,

                        //相对路径

                        cwd: 'src/',

                        src: '**/*.js',

                        dest: 'min/',

                        // 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';

                        // }

                    }

                ]

            }

        },

        //watch监听

        watch:{

        build:{

        files:['src/*.js'],

        tasks:['uglify'],

        options:{spawn:false}

        }

        },

        //合并js

     //    concat: {
   //   options: {
   //     separator: ';',
   //   },
   //   dist: {
   //     src: ['lib/jquery/jquery-1.11.3.min.js', 'lib/angular/angular.js'],
   //     dest: 'lib/main.js',
   //   },
   // },
   //合并css

      concat: {
     css:{

            src: ['css/animate.css','css/bootstrap.min.css','css/fileinput.min.css'],

            dest:'css/main.css'

            }
   },
  //  cssmin: { //css文件压缩  
  //   css: {  
  //      src: 'css/main.css',//将之前的main.css  
  //      dest: 'css/main.min.css'  //压缩  
  //    }  
  // }  

    });

    //压缩

    grunt.loadNpmTasks('grunt-contrib-uglify');

    //监听

    grunt.loadNpmTasks('grunt-contrib-watch');

    //打包js

    grunt.loadNpmTasks('grunt-contrib-concat');

    grunt.loadNpmTasks('grunt-css');

    //js打包

    //grunt.registerTask('concatjs',['concat']);

    //css打包

    //grunt.registerTask('css',['concat']);

    //默认任务

    grunt.registerTask('default',['uglify','watch']);

};
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: