Javascript 如何使用gulp traceur和gulp webpack?
我正在尝试编译ES6JS文件。我在气体管道中使用气体追踪器和气体wepbackJavascript 如何使用gulp traceur和gulp webpack?,javascript,gulp,ecmascript-6,traceur,Javascript,Gulp,Ecmascript 6,Traceur,我正在尝试编译ES6JS文件。我在气体管道中使用气体追踪器和气体wepback gulp.task('default', function () { return gulp.src('js/app.js') .pipe(traceur()) .pipe(webpack()) .pipe(concat('app.js')) .pipe(rename({suffix: '.min'})) .pipe(uglify
gulp.task('default', function () {
return gulp.src('js/app.js')
.pipe(traceur())
.pipe(webpack())
.pipe(concat('app.js'))
.pipe(rename({suffix: '.min'}))
.pipe(uglify())
.pipe(gulp.dest('build/js'));
跑步时大口大口喝。我接受错误:意外保留字。您可能需要适当的加载程序来处理此文件类型。在包含“类”字的行上。(ES6语法)
我不知道如何一起使用这些插件?此设置会将
'js/app.js'
传递给traceur,但没有相关的文件,然后webpack将从传输的文件开始,并像普通的js一样处理其余的文件。事实上,我甚至不确定webpack是否会获得app.js的transfile版本
正确的方法是使用webpack作为主要入口点,并告诉webpack传输它遇到的所有文件。我还建议使用Webpack的uglifyjs逻辑,而不是在事后用gulp将其固定
gulp.task('default', function () {
return gulp.src('js/app.js')
.pipe(webpack({
module: {
loaders: [{
test: /^(?!.*(bower_components|node_modules))+.+\.js$/,
loader: 'traceur'
}]
},
plugins: [
new webpack.optimize.UglifyJsPlugin()
]
})
.pipe(concat('app.js'))
.pipe(rename({suffix: '.min'}))
.pipe(gulp.dest('build/js'));
});