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

Question

为新项目使用 Vue.js 的 runtime-only 构建版本。我在文档中看到要切换到 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 还允许您从 CDN 加载 vue.js，就像您使用 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 文件也迫使您更好地构建应用程序。

Changing Vue.js from standalone to runtime-only build later in a project?