【发布时间】：2019-12-20 13:26:18
【问题描述】：
我有一个使用 create-react-app 制作的 react 应用。在应用程序中，我为样式指南创建了一个页面，其中显示了所有颜色、字体、按钮等，因此当我在本地工作时，我可以在一个位置清楚地看到所有样式，与它们在应用程序中其他位置的显示完全相同。但是我不希望这个页面包含在构建中，我该如何排除它？
如果这是一个解决方案，我不介意运行单独的 npm 命令并在单独的端口上运行样式指南，但它必须引用与应用程序本身完全相同的组件。
【问题讨论】：
-
尝试将该文件添加到
.gitignore。 -
这只会从存储库中删除它
-
如果您处于生产模式，您可以不渲染页面
-
@Anton 是的，这是一个选项，但是我想在构建中完全避免它，这样它就不会增加文件大小。
-
@Michael 那么你可以编写一个小的 bash 脚本，它会做一些 sed 来将它从包含到其他组件中删除，可选地删除组件文件本身（但我可能没有必要）。然后您将进行构建，并在之后恢复 git 更改。您可以将命令添加到您的 packages.json 中的 cmd 执行中，因此稍后您只需执行 npm/yarn run build 并完成逻辑。该解决方案可能相当难看，但应该可以工作，基本上，大约 20 分钟即可实施
标签： reactjs webpack build create-react-app