使用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' },
  ...

希望能有所帮助