Create React App中自定义webpack.config.js：非eject/craco方式是否安全？

首先明确：默认情况下Create React App根本不会读取你在根目录新建的webpack.config.js，它内部的webpack配置完全封装在react-scripts包里，你所谓的“覆盖原本隐藏文件”大概率是误解——这个文件其实没生效。

如果是你手动修改了package.json里的启动脚本（比如把start改成webpack serve），让这个自定义配置生效了，那这种方式不仅不安全，还非常不推荐：

• 等于彻底抛弃了CRA自带的所有优化和维护：CRA内置了经过调试的babel配置、dev server、生产环境压缩、代码分割等一系列成熟方案，自己写webpack配置需要手动维护这些细节，很容易出现配置漏洞、性能问题或者兼容性bug。
• 完全脱离CRA的更新体系：后续react-scripts版本更新带来的新特性、安全补丁，你都无法同步受益，还可能因为自定义配置和新版本工具链冲突。

正确的自定义CRA webpack配置的方式 #

• 优先使用社区维护的工具：比如craco或者react-app-rewired，它们可以在不执行eject的前提下，安全地扩展或覆盖CRA的webpack配置，是官方认可的非 eject 方案。
• 如果确实需要完全自定义webpack，不如直接放弃CRA，从零搭建webpack项目，这样配置更透明可控，也不会和CRA的内置逻辑产生混淆。

内容的提问来源于stack exchange，提问作者GoonGamja