webpack - NextJS 大块动态导入

Question

我正在尝试将dynamicNextJS 上的导入与变量一起使用，例如：

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

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

标签： webpackdynamicimportnext.jschunks