跳到正文

CRACO

什么是 CRACO？​

要自定义大多数在使用Create React App时的情况，可以退出。但是，之后需要自己维护每个配置和脚本，这可能会有点烦人。CRACO意为Create React App Configuration Override，可以在不退出的情况下让你获得Create React App的所有好处。只使用项目根目录中的一个配置文件自定义配置的 ESLint、Babel、PostCSS，以及更多。

注意

这样做会破坏 CRA 所提供的"保证"。也就是说，你从此开始"拥有"这些配置。不再提供支持。请谨慎操作。

关于文档​

在此站点上，你可以找到 CRACO 的完整文档。如果你发现任何错误或认为应添加某些内容，请创建一个议题或提交一个拉取请求。

CRA 工具链​

介绍​

Create React App 的目的是让人们能够快速开始编写 React 应用。它通过将几个关键组件打包到一个稳定的默认配置中来实现这一点。

经过一些初步实验后，许多人发现默认的 CRA 不太合适。但是，选择和配置包含 CRA 已经提供的所有组件的工具链非常繁琐。

CRACO 允许你享受 CRA 熟悉的项目结构，同时更改每个组件的详细配置设置。

CRA 配置和问题解决说明​

请记住，无需 CRACO，CRA 也有一些可用的配置设置。

通过你的 CRACO 配置文件进行更改和使用 CRA 中提供的一些更有限但仍然重要的设置相结合，可能会得到你想要的结果。

在开始定制你的 CRACO 配置之前，请后退一步，考虑你试图解决问题的每个部分。务必查看这些有关 CRA 配置的资源，因为这可能为你节省时间

退出 CRA 以学习​

避免退出是许多 CRACO 用户的主要目标。但是，如果你仍在学习工具链和现代前端工作流，那么创建一个示例退出 CRA 项目以了解默认 CRA 应用如何配置各个组件可能会有所帮助。

虽然 CRACO 的默认配置直接继承自 CRA 的默认设置，但查看整个退出 CRA 文件结构中的默认 CRA 配置文件可能会给你有用的视角。

你甚至可以尝试在退出应用程序中测试某个更改，以便更好地理解如何在基于 CRACO 的项目中完成该更改。

致谢​

许可​

版权所有 © 2022 Dilan Nair。

此代码在 Apache License 2.0 下获得许可，可以在 此处 查看。