zhouhaifei-react-scripts React构建扩展脚本
基于 Ant Design 的项目里，想自定义主题但又不想大动干戈？zhouhaifei-react-scripts 这个脚本工具蛮适合你。它扩展了 react-scripts 的配置，允许你用更少的 override 来搞定 webpack 配置，像 theme 就可以直接传 less 变量，比较灵活。
换行符只支持 LF，对团队协作比较友好。webpack 配置是通过 webpack-merge 做的增量合并，基本不需要 eject，省心。比如你要改 babel-loader 的 include 范围，直接改配置文件就行，挺直观的。
还有个细节，global.less 只在 src 目录下有效，node_modules 里的样式默认不开启 css module，但可以通过 moduleInclude 配置开启，这点对组件库开发还蛮实用的。
构建时支持 PUBLIC_URL 配置，建议搭配 cross-env 和 shell 脚本用，比如：
cross-env PUBLIC_URL=/custom-path npm run build能好配合 CI/CD，自动化部署也更顺。
想深入了解 webpack 的 loader 怎么定制？可以看看这个Webpack 与 babel-loader 文件预器深度解析，讲得还挺细的。
如果你做的是偏重主题定制、样式管理的 React 项目，那可以试试这个工具，适合中大型前端团队统一开发规范。
文件大小：755.24KB
评论区