Gulp concat， uglify 处理 ES6 导出的库

Question

我用Gulp合并了一些javascript，并将它们丑化。当我尝试使用 countUp(也可以是其他脚本(执行此操作时，我遇到了一个错误。

未捕获的语法错误：意外的令牌"导出">

它尝试将 javascript 导出回脚本标记。现在我的javascript文件不仅仅是一个脚本，而是很多。

我怎样才能让它工作？有没有工具可以将其转换为通用的js，或者也许是将其包含在gulp中的更好方法？

脚本

我的 gulp 文件的一部分如下所示：

function script() {
return gulp
.src(js.src)
.pipe(concat(js.filename))
.pipe(gulp.dest(js.dest))
.pipe(uglify())
.pipe(rename({ extname: ".min.js" }))
.pipe(gulp.dest(js.dest));
}

Answer 1

您可以使用 gulp 任务将 es6 模块转换为其他类型的模块：

const babel = require('gulp-babel'),
gulp.task('es6-commonjs',['clean-temp'], function(){
return gulp.src(['app/*.js','app/**/*.js'])
.pipe(babel({ modules: 'common' }))
.pipe(gulp.dest('dest/temp'));
});

然后在您的吞咽管道中使用此任务。更多信息在这里。