vue.js - Vueify 和 Babel 7

Question

我正在使用 Gulp、Browserify、Vueify 和 Babel 来构建我的 vue.js 项目。我不能移动到另一个建筑系统，所以 Gulp 就是这样。我最近从 Babel 6 更新到 Babel 7，因为我的项目中新增了一个：Jest 和单元测试（Babel 7 是必需的）

不幸的是，这有一个副作用 Vueify 停止与 Babel 7 一起工作，因为它们似乎不兼容，或者其他什么。Npm Vueify 包已经 2 年没有更新了，我发现了一个没有人正式评论的git 问题。

有没有人遇到并解决过同样的问题？Vueify的任何替代品？谢谢

Answer 1

你说的对 ！Vueify 停止维护他们的存储库。虽然，我能够使用以下 fork ："vueify":"github:stendahls/vueify#master"它增加了对 Babel 7 和@babel/preset-env. 我会自己分叉它，但我的测试是决定性的。

然后，在我的 Gulpfile 中，我可以使用以下内容：

gulp.task('vueapp', () => {
    return browserify('assets/vueapp/js/main.js')
        .transform(vueify)
        .transform(babelify, {
            presets: ["@babel/preset-env"]
        })
        .bundle()
        .pipe(source('vueapp.js'))
        .pipe(gulp.dest('public/build/vueapp/js/'));
});