如何解决创建React AppReact App Rewired检查插件是否运行
我在我的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",
const {useBabelRc,override} = require('customize-cra');
module.exports = override(
useBabelRc(),);
此设置对我来说很好用,但是,当我运行build时,它并没有受捆绑包大小的帮助,实际上,它仅增加了100KB。我想知道上述设置中是否缺少某些内容。另外,我想知道如何检查我的.babelrc
是否已输入并且插件已运行。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。