在项目的后期将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文件也会强制您更好地构建应用程序。