NextJS 动态导入大块

Question

我正在尝试使用带有变量的 NextJS 上的 dynamic 导入，例如：

const Icon = dynamic(() =>
    import(`@react-icons/lib/es/${icon}`)
);

我可以在 Bundle Analyzer 上看到我有很多小块和一个包含所有图标的大块，但是当我进入一个页面并检查网络时，我只看到加载了“大块”而不是较小的...我该如何解决？我可以理解 webpack 必须导入所有的可能性，但我不明白为什么它使用大的而不是小的