配置 eslint 使用默认导入

Question

我正在尝试使用这种特定情况为 @material-ui 配置 eslint：
我想这样导入：import Typography from '@material-ui/core/Typography';
并禁用导入，例如：import { Typography } from '@material-ui/core';

我已将no-restricted-imports 规则配置为：

"no-restricted-imports": [
    "error",
     {
         "patterns": ["@material-ui/core", "!@material-ui/core/*"]
     }
]

在我的逻辑中，它应该像这样工作：禁用来自@material-ui/core 的所有导入，除了@material-ui/core/*。我做错了什么以及如何根据我的情况进行配置？

Answer 1

我使用了路径：

{
...
"no-restricted-imports": [
      "error",
      {
        paths: [
          { name: "@material-ui/core", message: "no named import from material ui core" },
          { name: "@material-ui/lab", message: "no named import from material ui lab" },
        ],
      },
    ],
}