使用CRACO自定义 Webpack 配置

1、为什么要用 CRACO？

默认情况下，CRA 的 Webpack 配置是隐藏的，如果你需要修改 Webpack，比如：
✅ CDN配置
✅ 配置 alias（路径别名）
✅ 修改 Less/Sass 变量
✅ 添加 Babel 插件
✅ 优化 Webpack 构建（如 SplitChunks、CDN 加载）
✅ 支持 Tailwind CSS
✅ 移动端适配启用 PostCSS + px 转 rem

如果不用 CRACO，你必须运行 yarn eject / npm run eject，但这会暴露 CRA 内部所有配置，导致维护成本增加。因此，CRACO 允许在不 eject 的情况下修改 Webpack 配置。

2、craco.config.js 是什么？从哪里来的？

1️⃣ craco.config.js 是什么？
craco.config.js 是 CRACO（Create React App Configuration Override） 的配置文件。
它用于修改 Create React App（CRA）的 Webpack 配置，无需 eject（弹出࿰