Vue.js SFC 在编译时有条件地包含模板元素

Question

我们的产品有多个客户，每个客户都有自己的客户特定修改。

有没有办法在 SFC 的 Vue2 模板中根据构建环境变量在构建时有条件地包含或排除其他组件？

看起来我可以使用类似 webpack-conditional-loader 的东西在构建时有条件地包含/排除 JavaScript 代码，但是模板代码是否有等价物？

例如。像这样：

<template>
  <##if process.env === 'CustomerA'>
    <customer-a-dialog></customer-a-dialog>
  </##if>
  <##if process.env === 'CustomerB'>
    <customer-b-dialog></customer-b-dialog>
  </##if>
</template>

谢谢，扳手

Answer 1

您可以使用以下库，它可以允许对 html/vue 模板代码进行条件预处理：

js 条件编译加载器

希望能帮助到你！