升级到 v7

本指南解释了如何从 MUI 系统 v6 升级到 v7。

重大变更

由于 v7 是一个新的主要版本，它包含一些影响公共 API 的更改。下面描述了从 MUI 系统 v6 迁移到 v7 您需要采取的步骤。

包布局

包布局已更新为使用 Node.js exports 字段。这带来了一些变化

不再允许超过一级的深层导入。例如

- import Box from '@mui/system/Box/Box';
+ import Box from '@mui/system/Box';

这从未获得官方支持，但现在将受到打包器和运行时的限制。

要使用现代捆绑包（它排除了旧版浏览器支持以减小捆绑包大小），您需要配置您的打包器以使用 “mui-modern” exports 条件

// webpack.config.js
{
  resolve: {
    conditionNames: ['mui-modern', '...'],
  }
}

// vite.config.js
{
  resolve: {
    conditions: ['mui-modern', 'module', 'browser', 'development|production']
  }
}