Vueify和Babel 7

Question

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

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

有没有人面对并解决了同样的问题？有没有Vueify的替代品？谢谢

Answer 1

你说得对！Vueify停止维护他们的存储库。尽管如此，我还是使用了以下分支:添加了对Babel 7和@babel/preset-env的支持的"vueify":"github:stendahls/vueify#master"。我会自己分叉的，但我的测试结果是确凿的。

然后，在我的could文件中，我可以使用以下：

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/'));
});