Mui未在package.json中配置exports属性，其导出机制如何实现？

MUI官方推荐使用单组件路径导入（如 import Button from '@mui/material/Button'）而非从@mui/material桶文件批量导入，核心原因是桶文件会影响Webpack的tree shaking效率：生产环境可能无法精准摇树，开发环境完全不摇树导致构建变慢。

但很多人发现MUI v6.1.5的package.json里并没有配置exports属性，这种路径导入却依然能正常工作，原因主要有两点：

1. 模块解析的 fallback 机制 #

当包的package.json未声明exports时，Webpack、Node.js等模块解析器会自动回退到传统文件系统路径解析规则。也就是说，@mui/material/Button会直接指向node_modules/@mui/material/目录下的Button子目录，解析器会自动加载该目录下的入口文件（通常是index.js或index.mjs）。

2. MUI包的目录结构设计 #

MUI v6在包内部已经为每个组件单独规划了目录：每个组件都有自己独立的文件夹（比如Button/、TextField/），且每个文件夹内都包含了组件的完整代码和入口文件。这种结构不需要依赖exports配置来声明子模块路径，解析器能直接通过文件系统找到对应的模块。

另外补充一点：这种单组件目录结构本身就规避了桶文件的问题，直接导入单组件路径时，Webpack只会加载该组件的代码，自然能实现高效的tree shaking，这也是官方推荐这种导入方式的核心原因。

内容的提问来源于stack exchange，提问作者dwjohnston