Vueify和Babel 7

Question

我正在使用Gulp，Browserify，Vueify和Babel构建我的vue.js项目。 我无法移至其他建筑系统，所以Gulp就是这样。 由于项目中新增了一项功能，我最近将Babel 6更新为Babel 7：笑话和单元测试（需要Babel 7）

不幸的是，这有副作用Vueify停止与Babel 7一起工作，因为它们似乎不兼容或类似。 Npm Vueify package两年未更新，我发现git issue没有人发表过评论。

有人遇到并解决了相同的问题吗？ 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/'));
});