使用 Create React App 进行条件编译

Question

我正在开发一个用 TypeScript 编写并使用 Create React App (CRA) 构建的应用程序。该应用程序需要用于重置各种事物的按钮，因此执行手动软件测试的人可以完成他们的工作。在编译生产版本时，如何说服 CRA 将测试功能排除在外？我不想在简单的if 语句和可能有一天会意外打开的运行时配置选项后面留下一把“上膛的枪”。

Answer 1

我不确定这是否是一个好习惯，但我会将这些按钮与一些 html 标签（如 data-test-show）一起放置并隐藏它们（不显示或其他内容）。

在测试环境中，我会为该属性添加一些 CSS 样式以显示此类元素。