html - 角。从 html 标记中删除属性的构建步骤

我们在标记中使用“data-test”属性来查询测试中的元素。例如：

<div data-test='myDiv'></div>

我们不希望此属性出现在生产版本中。到目前为止，我找到了一种解决方法来创建一个指令，该指令在运行时删除生产构建的属性。这肯定会花费一些 CPU 并且似乎值得怀疑。寻找一种在构建时删除属性的方法。欢迎任何想法。

标签： htmlangulartestingwebpackangular-cli

查看这篇文章，了解如何data-cy在编译（使用 webpack 加载器）或运行时（使用指令）期间删除属性。您可以对任何属性执行完全相同的步骤data-*（并忽略赛普拉斯的东西）。只需将data-cy表达式替换为data-test即可。

这至少适用于 Angular6+。