ruby-on-rails - Rails Webpacker 还是 Vue-CLI？

Question

我正在构建单页(Web)应用程序。我非常喜欢 Rails v5.0，尤其是它内置的 API 功能。

过去，我使用 Vue.js 构建 JavaScript 前端，通常使用 Vue-CLI 项目 提供的模板。这允许基本上在任何地方部署 Vue component-based 静态站点。太棒了。

现在，Rails 5.1 具有一些看起来也非常引人注目的内置 Webpack 和 Yarn 功能。我不确定如何继续我的新申请。

我的问题:

• What are the pros/cons of integrating Webpack and Vue into Rails itself, using the Webpacker extensions available in Rails v5.1? I intend to deploy to Heroku.
• On the other hand, what are the pros/cons of using the Rails API-only mode for the backend, and maintaning the Vue/Webpack-based frontend in its own directory? I'd keep everything in the same repository, deploy the backend via Heroku, and the frontend via a static host like Netlify.
• Which approach would have more cognitive overhead or technical complexity?

这几天一直在四处寻找，并没有在网上找到太多关于这方面的简明资料。人们似乎对 Rails 开发环境的自动重新加载功能很感兴趣，但我已经通过 Vue-CLI 免费获得了它。

据我所知，这些是将它们分开的原因:

• Deployment of the frontend is pretty darn simple to anywhere.
• The Webpacker mode for Rails is very new, and not many tutorials or guides exist yet, especially regarding integration testing. Keeping things separate means that my existing testing apparatus should still apply.

以下是将这两个部分集成在一起的一些优点:

• The possibility of using static assets both for the frontend and possibly for server-generated pages in the future, should that be necessary.
• Buy-in to "the Rails way", with implied future maintenance by the Rails team.
• the JS Frontend would not need to be hosted separately.
• Don't need to worry about CORS (?)

这两种方法还有哪些其他具体优势？

Answer 1

当我开始时，我采用了 webpacker 的方式，不知何故，因为它看起来像是“应该”的样子。正如你所说，指导很少。Webpacker(依赖于 最新 节点)似乎是一个移动的目标，使部署甚至开发变得更加复杂。为了什么好处我问并摆脱了它。

现在我使用 vue from the cdn .好处:

• 缓存在用户附近
• 几乎零安装
• 易于拥有开发/生产版本

我将应用程序代码写入 Rails 模板。使用haml，实际上是ruby2js , 但你可以使用 javascript 就好了。我就是这样开始的，但我喜欢 ruby​​，而且 ruby​​ 代码几乎是生成的 js 的一半大小，但我偏离了 rails 。

因此模板是您的“vue 注释”rails 模板。小代码也进入 rails 模板。可以在 Assets 中定义更多代码并从应用程序中引用。甚至可以使用 x-template 语法将组件写入模板。

最后但同样重要的是:数据可以通过 to_json 直接传输到模板中。并在同一个渲染中。比附加查询快得多。当 to_json 不够时，可以使用 rabl 来准确获取所需内容。

希望我说清楚了。我正在写一些 vue-rails 的东西，因为找不到什么。留心here (我会在帖子准备好后发表评论)