'意外的令牌导出'当使用gulp / webpackstream / vue时

时间:2018-01-16 13:15:13

标签: webpack vue.js gulp es6-modules

我试图通过gulp和webpack-stream在我的项目中使用vue的模板编译器。设置是这样的:

gulp.task('js', function () {

return gulp.src('./src/js/main.js')
    .pipe(webpackStream(
        module.exports = {
            output : {
                filename: 'bundle.js'
            },
            resolve : {
                alias: {
                    "vue$": "vue/dist/vue.esm.js",
                    // bind to modules;
                    modules: path.join(__dirname, "../node_modules")
                }
            }
        }
    ))
    .on('error', function handleError() {
        this.emit('end'); // Recover from errors
    })
    .pipe(gulp.dest('./js/'));
});

错误信息是:

Uncaught SyntaxError: Unexpected token export

由此引起:

export default Vue$3;

1 个答案:

答案 0 :(得分:0)

我认为您应该从module.exports =参数中删除webpackStream。它应该是简单的javascript文字对象

 .pipe(webpackStream(
    module.exports = {
    ^^^^^^^^^^^^^^^^^
       output : { filename: 'bundle.js' },
  ...

希望有所帮助