Vueify 不适用于 ES2015 - Gulp答案

【问题标题】：Vueify not working with ES2015 - GulpVueify 不适用于 ES2015 - Gulp
【发布时间】：2016-06-07 13:04:30
【问题描述】：

我一直在尝试让 browserify/vueify 使用 Gulp 输出 ES2015。我做了the documentation 所说的：

npm 安装\ 通天塔核心\ babel-preset-es2015\ 通天塔运行时\ babel-plugin-transform-runtime\ --save-dev

我的 gulpfile 中有这个：

gulp.task('browserify', function() {
    browserify('./js/entry.js')
    .transform(vueify)
    .bundle()
    .pipe(fs.createWriteStream('./js/bundle.js'))
});

文档说明：

默认支持 ES2015。

我想在我的 gulpfile 中要求或导入所有 npm 模块吗？我在这里想念什么？ Browserify 工作正常，但是一旦我使用 ES2015 gulp 错误就会出现：

SyntaxError: Unexpected token (32:6) while parsing...

【问题讨论】：

Vueify 在 Vue 文件中支持 es2015，但我认为如果您在 entry.js 中使用它，您还需要通过启用 es2015 的 browserify 进行管道传输。
@Jeff 我发现它确实只对 .vue 文件启用。我想我忽略了它。也许创建一个答案，以便我可以将其标记为已回答？

标签： node.js gulp browserify vue.js

【解决方案1】：

Vueify 在 Vue 文件中支持 es2015，但如果你在 entry.js 中使用它，还需要启用 es2015 的 browserify。 Browserify 处理 .js 文件，它也需要知道 es2015 :)

【讨论】：

你的意思是“通过 babelify 管道”吗？