创建React AppReact App Rewired检查插件是否运行

编程问答 2022-08-11

问题描述

我在我的React应用程序（使用Create React App生成）中使用了“图表”（https://github.com/recharts/recharts）库。由于捆绑包很大，我浏览了源地图，发现该库贡献了100KB的空间。

然后我听说了babel-plugin-recharts（https://github.com/recharts/babel-plugin-recharts），它可以帮助我减少由于Recharts而导致的捆束尺寸增加。使用步骤包括安装（yarn add babel-plugin-recharts --dev）并将其添加到.babelrc：

{
  "plugins": ["recharts"]
  ...
}

您可能已经猜到了，我还必须开始使用react-app-rewired：

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

所以我将scripts中的package.json更改为

 "start": "react-app-rewired start","build": "react-app-rewired build",

我添加了一个config-overrides.js作为

const {useBabelRc,override} = require('customize-cra');

module.exports = override(
    useBabelRc(),);

此设置对我来说很好用，但是，当我运行build时，它并没有受捆绑包大小的帮助，实际上，它仅增加了100KB。我想知道上述设置中是否缺少某些内容。另外，我想知道如何检查我的.babelrc是否已输入并且插件已运行。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

babeljsreact-app-rewiredreactjsreactjsrecharts