gulp压缩工具 gulp压缩工具

gulp压缩工具

主要失败的原因是gulp-babel版本不对会报找不到babel-core错误,安装gulp-babel@7就行了

cnpm install gulp -D

cnpm install gulp-babel@7 -D

//cnpm install gulp-babel@6-D

cnpm install gulp-uglify -D

cnpm install babel-preset-env -D

package:


{
  "devDependencies": {
    "babel-preset-env": "^1.7.0",
    "gulp": "^3.9.1",
    "gulp-babel": "^6.1.3",
    "gulp-less": "^4.0.1",
    "gulp-minify-css": "^1.2.4",
    "gulp-uglify": "^3.0.1",
    "gulp-watch": "^5.0.1"
  }
}
压缩混淆:
var gulp = require("gulp");  
 var gulpless=require('gulp-less');
 var  minicss=require('gulp-minify-css');
 var watch=require("gulp-watch");
 js_obfuscator = require('gulp-js-obfuscator');
    //引入

  //var babel1=require("babel-core");
    var babel=require('gulp-babel');
    var  uglify = require('gulp-uglify');
    var path="";
    /*本方法是用来实现压缩js文件夹*/
    gulp.task("minjs",function(){

        //需要转码的es6文件,code文件夹下的任何一个后缀名为.js的文件,code文件夹需要手动创建

        return gulp.src("js/*.js")
        .pipe(babel({
          "presets": ["env"]
        }))
        .pipe(uglify()).
        pipe(gulp.dest("dist/js"));

       });
    /*本文件夹是用来实现压缩css文件夹的*/
      gulp.task("mincss",function(){

        //需要转码的es6文件,code文件夹下的任何一个后缀名为.js的文件,code文件夹需要手动创建

        return gulp.src("./css/*.less")
        .pipe(gulpless())
        .pipe(minicss())
        .pipe(gulp.dest('./css/'))

       });

       gulp.task("mini",function(){

        //需要转码的es6文件,code文件夹下的任何一个后缀名为.js的文件,code文件夹需要手动创建

         watch("./css/*.less",function(event){
          gulp.src(event.path)
         .pipe(gulpless())
         .pipe(minicss())
         .pipe(gulp.dest('./css/'))
         })
         watch("./dist/*.js",function(event){
         gulp.src(event.path)
      .pipe(babel({
           "presets": ["env"]
           }))
         .pipe(uglify())
         .pipe(js_obfuscator({}, ["./dist/jquery-*.js"])).
         pipe(gulp.dest("js/"));
         })

       });


gulpfile.js:


 var gulp = require("gulp");  
 var gulpless=require('gulp-less');
 var  minicss=require('gulp-minify-css');
 var watch=require("gulp-watch");
    //引入

  //var babel1=require("babel-core");
    var babel=require('gulp-babel');
    var  uglify = require('gulp-uglify');
    var path="";
    /*本方法是用来实现压缩js文件夹*/
    gulp.task("minjs",function(){

        //需要转码的es6文件,code文件夹下的任何一个后缀名为.js的文件,code文件夹需要手动创建

        return gulp.src("js/*.js")
        .pipe(babel({
        "presets": ["env"]
        }))
        .pipe(uglify()).
        pipe(gulp.dest("dist/js"));

       });
    /*本文件夹是用来实现压缩css文件夹的*/
      gulp.task("mincss",function(){

        //需要转码的es6文件,code文件夹下的任何一个后缀名为.js的文件,code文件夹需要手动创建

        return gulp.src("./less/*.less")
        .pipe(gulpless())
        .pipe(minicss())
        .pipe(gulp.dest('./dist/css/'))

       });

       gulp.task("mini",function(){

        //需要转码的es6文件,code文件夹下的任何一个后缀名为.js的文件,code文件夹需要手动创建

         watch("./less/*.less",function(event){
        gulp.src(event.path)
        .pipe(gulpless())
        .pipe(minicss())
        .pipe(gulp.dest('./dist/css/'))
        })
         watch("./js/*.js",function(event){
        gulp.src(event.path)
    .pipe(babel({
        "presets": ["env"]
          }))
        .pipe(uglify()).
        pipe(gulp.dest("dist/js"));
        })

       });


分享本文至:

评论 0

挤眼 亲亲 咆哮 开心 想想 可怜 糗大了 委屈 哈哈 小声点 右哼哼 左哼哼 疑问 坏笑 赚钱啦 悲伤 耍酷 勾引 厉害 握手 耶 嘻嘻 害羞 鼓掌 馋嘴 抓狂 抱抱 围观 威武 给力
提交评论

清空信息
关闭评论