无论如何让 WebStorm 理解使用 eslint-import-resolver-alias 制作的 .eslinrc 中的别名

Question

在我的项目中，我使用 eslint-import-resolver-alias 在 .eslintrc 中进行如下导入：

{
  "settings":{
    "alias": [
      ["pckg", "pckg/src"]
    ]
  }
}

我在我的 .js 文件中使用如下

import pckg from 'pckg'

但是当我尝试通过单击导入语句中的“pckg”使用 Cmd+Click 查找声明时，WebStorm 说没有可转到的声明。我意识到 WebStorm 无法理解导入别名解析器插件，但无论如何可以让它工作

Answer 1

您可以尝试使用 webpack 别名来代替：创建一个带有别名的虚拟 webpack 配置文件，例如

...
alias: {
  'pckg': path.resolve(__dirname, './pckg/src'),
},
...

并在设置中指定路径 |语言与框架 | JavaScript | Webpack，或使用 https://youtrack.jetbrains.com/issue/WEB-22717#focus=streamItem-27-1558931-0-0:

中的解决方法

• 在项目根目录

中创建一个文件config.js（如果你愿意，可以使用不同的名称）

• 使用以下语法在此处定义别名：

    System.config({
      "paths": {
         "pckg/*": "./pckg/src/*"
      }
    });