启用MUI默认导入优化性能，求VSCode适配的ESLint自动转换方案

有专门的ESLint插件可以实现这个需求，就是MUI官方提供的@mui/eslint-plugin-material-ui，具体操作步骤如下：

• 安装插件依赖：
  使用npm：

  npm install @mui/eslint-plugin-material-ui --save-dev
  

  或者yarn：

  yarn add @mui/eslint-plugin-material-ui --dev
  

• 配置ESLint规则：
  在你的ESLint配置文件（如.eslintrc.js、.eslintrc.json）中添加插件并启用对应规则：

  module.exports = {
    plugins: ['@mui/material-ui'],
    rules: {
      // 强制将命名导入转换为默认导入，支持自动修复
      '@mui/material-ui/prefer-default-import': 'error'
    }
  };
  

• 开启VSCode自动修复：
  确保已安装VSCode的ESLint插件，然后在VSCode的settings.json中添加自动修复配置：

  {
    "editor.codeActionsOnSave": {
      "source.fixAll.eslint": true
    }
  }
  

  完成配置后，每次保存文件时，ESLint会自动将MUI的命名导入转换成符合体积优化要求的默认导入（比如把import { Button } from '@mui/material'转为import Button from '@mui/material/Button'）。

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