Eslint -限制来自根的进口并强制树摇动

Question

我想直接从我的应用程序中的依赖项(@material/图标)根部阻止导入，以及强制树抖动。

有效- import AccessAlarmIcon from "@material-ui/icons/AccessAlarm";无效- import AccessAlarmIcon from "@material-ui/icons/";

资料用户界面有一个很好的指导设置树摇动，但它没有强制上述无根规则。

rules: {
    "no-restricted-imports": [
      "error",
      {
        "patterns": ["@material-ui/*/*/*", "!@material-ui/core/test-utils/*"],
        "message": "Tree-shaking is enforced for @material-ui, import dependencies "
      }
    ]
}

仅仅添加“@ pattern ui/*”作为一种模式可以解决我的问题吗？

Answer 1

以下不受限制的导入规则阻止从@material-ui/icons导入，如“资料UI指南”所述。

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

}

"patterns": ["@material-ui/icons", "!@material-ui/icons/*"]没有达到预期的效果，从@material-ui/icons/*的进口也被阻止。下面是对原因Eslint no-restricted-imports only restrict importing from a package root?的描述