小编Spa*_*ers的帖子

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

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

有没有办法在 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>
Run Code Online (Sandbox Code Playgroud)

谢谢,扳手

webpack vue.js vue-component vue-cli-3

5
推荐指数
1
解决办法
139
查看次数

标签 统计

vue-cli-3 ×1

vue-component ×1

vue.js ×1

webpack ×1