customize-cra

customize-cra

重大变更： 在 customize-cra 的 1.0 版本中，为了支持 create-React-app 在 #7876 中的变更，对 addLessLoader 自定义器进行了破坏性修改。请遵循 #253 中的迁移指南。

本项目提供了一组工具，用于利用 React-app-rewired 的核心功能，定制 create-React-app 版本 2 和 3 的配置。

• 安装方法
• 警告
• 概述
• 使用方法
  • 配合 webpack 使用
  • 配合 webpack-dev-server 使用
  • 配合 MobX 使用
• 文档
• 贡献
• 贡献者

安装方法

本项目依赖于 React-app-rewired。你需要先安装它，customize-cra 才能正常工作。

yarn add customize-cra react-app-rewired --dev

❗ 警告

“东西可能会坏掉” —— Dan Abramov

使用此库将覆盖 create-React-app 的默认行为和配置，因此会使其附带的保证失效。请谨慎使用！

概述

customize-cra 利用了 React-app-rewired 的 config-overrides.js 文件。通过导入 customize-cra 函数，并在我们的 override 函数中导出几个函数调用，你可以轻松修改构成 create-React-app 的底层配置对象（webpack、webpack-dev-server、babel 等）。

使用方法

注意： 所有代码都应添加到与 package.json 同级的 config-overrides.js 文件中。

有关每个函数的文档，请参阅 api 文档。

与 webpack 配合使用

要使用这些插件,请导入 override 函数,并使用您需要的任何插件调用它。每次调用这些插件都会返回一个新函数,override 将会使用新修改的配置对象调用此函数。但是,假值将被忽略。