es6编译es5

gulp压缩js时遇到的坑 es6编译es5

gulp是一个门槛低，上手快，并且比较实用的前端自动化构建工具，正如官方网站所说 gulp 的强大之处 在于它丰富的插件，当然 作为前端小白的我来说 尽管 插件足够丰富，但是对插件的功能不甚了解，等于白给...

接下来将分享一下小编在 压缩js时遇到的es6不支持的问题，大家都知道 这个问题只需要将es6编译成es5便可解决，但是度娘上的回答 满目琳琅 而且很多都是低版本babel写法，让像小编这样的小白不到该选辣一个，即使用了也会花样报错，令小编头疼不已…幸得高人指点，帮小编解决了该问题，小编在此抱拳致谢，同时将此经验 分享给大家

安装依赖

 "dependencies": {
        "@babel/core": "*",
        "@babel/preset-env": "*",
        "gulp-babel": "*"
    }

模块引入

var babel = require("gulp-babel");

压缩js

在压缩js的管道流中 加入babel编译，注意参数的书写 最新版本已经不用配置繁琐的.babelirl， 只需在 balel传入 预设参数即可
上代码：

	//  压缩js
gulp.task("js", function() {
    return gulp.src("./src/js/module/*.js")
        .pipe(babel({
            presets: ["@babel/env"]
        }))
        .pipe(uglify())
        .pipe(gulp.dest("./dist/js/module/"))
})

命令行 输入 gulp js 即可完成 js的压缩