配置VS Code / Linting以使用Webpack自定义解析模块路径

Question

我的webpack配置中有自定义路径。

  resolve: {
    extensions: ['.js', '.jsx'],
    modules: [path.resolve(__dirname, 'src'), path.resolve(__dirname, 'src/components'), 'node_modules'],
  },

但是现在，当我进行以下导入时：

import { DropdownInput, Amount } from 'common/components';

我想念两件事：

• 导航不起作用（按住ctrl +单击）
• 在IDE
中未建议捕获导入错误/警告

有没有办法配置VS代码以识别来自webpack config的其他路径？

Answer 1

我不使用VS Code，所以我无法检查这是否有效，但对于vim来说，添加tsconfig.json中的路径就足够了。

{
    "compilerOptions": {
        "paths": {
            "common/components": [
                "path/to/common/components",
            ],
        },
    }
}