javascript - 如何在反应中按需动态导入第三方模块？

Question

我目前正在努力减少 React 项目的供应商规模。我已经减少了 lodash 和 moment 的显着大小，现在我想动态导入recharts。我正在导入一些这样的图表组件-

import {ResponsiveContainer, LineChart, Line, XAxis, YAxis, CartesianGrid } from 'recharts';

我已经为他们每个人尝试过这样的樱桃挑选方法 -

import ResponsiveContainer from 'recharts/es6/component/ResponsiveContainer';
import LineChart from 'recharts/es6/chart/LineChart';

但它不会改变供应商捆绑包中的任何内容。

我想知道是否有一种方法可以按需动态导入第三方库。
提前致谢！

标签： javascriptreactjscode-splittingrecharts