Next.js Tree Shaking 失效：未使用组件的依赖仍存在于最终构建包中

我最近碰到个闹心的问题：我的项目里有个/components目录，里面的index.js是个组件聚合文件，负责统一重新导出所有可用组件，项目结构大概是这样：

- src
  - app
  - components
    - agGrid
    - map
    - ...
    - index.js

其中Map组件是通过这个index.js导出的，但它从来没被任何其他组件或者页面使用过——编辑器里它都显示成灰色，明明白白标注着没有被引用：

可奇怪的是，这个Map组件依赖的leaflet库居然出现在了项目的最终构建包里：

更离谱的是，那些我完全没使用过的MUI组件也混在构建包里面！

我尝试过的操作和发现 #

（注：原提问此处内容未完整展示）

备注：内容来源于stack exchange，提问作者AMirhesAM