使用 gulp / webpackstream / vue 时出现“意外的令牌导出”

Question

我正在尝试通过 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;

Answer 1

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

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

希望对你有帮助