javascript - 在项目后期将 Vue.js 从独立构建更改为仅运行时构建？

Question

为新项目使用 runtime-only 构建版本的 Vue.js。我在文档中看到要切换到 standalone 需要向 webpack 添加别名，如下所示:

resolve: {
  alias: {
    'vue$': 'vue/dist/vue.js'
  }
}

目前，我的应用程序中不需要编译器。但是，在某些时候我可能需要切换到 standalone 构建。

我的问题是: 以后在 runtime-only 和 standalone 之间轻松切换还是需要大量重构？

如果是这样，我还不如从 standalone 开始，避免以后再重构。

Answer 1

standalone支持组件中的模板选项。例如，您可以这样做:

Vue.component('my-component', { template: '<div>A custom component!</div>' })

standalone还允许您加载 vue.js来自 CDN，就像您使用 jQuery 或任何其他 javascript 库一样。

runtime-only不允许您使用 template在组件定义中。所以你需要创建my-component.vue文件并在内部定义模板，详见单个文件组件指南:http://vuejs.org/guide/single-file-components.html

您还需要使用 vue-cli用于开发，如果您使用 runtime-only .

从 standalone 切换至 runtime-only ，您必须将所有组件重写为 my-component.vue文件，然后开始使用 vue-cli

从 runtime-only 切换至 standalone , 无需更改。

除此之外，在 runtime-only 之间切换很轻松和 standalone .

我的偏好:runtime-only只有模式，因为它产生更小的构建并且理论上性能更好，因为模板是预编译的。还有 vue 中的部分文件组织良好且易于阅读。组件的单独 vue 文件也迫使您更好地构建您的应用程序。