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

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

本文关键字：构建 运行时 独立 项目 js Vue      更新时间：2023-09-26

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

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

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

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

如果是，我不妨从standalone开始，避免以后重构。

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

如果你正在使用runtime-only，你也需要使用vue-cli进行开发。

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

从runtime-only切换到standalone，不需要修改。

除此之外，在runtime-only和standalone之间切换是很容易的。

我的偏好:runtime-only模式，因为它产生更小的构建，理论上性能更好，因为模板是预编译的。此外，vue文件中的章节组织良好，易于阅读。

相关文章：