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