javascript - PhpStorm 无法识别 webpack 别名

Question

我的webpack.config.js包含以下部分:

resolve: {
    extensions: ['*', '.js', '.ts', '.tsx'],
    modules: [
        path.resolve(__dirname, "src"),
        path.resolve(__dirname, "node_modules"),
    ],
    alias: {
        Design: path.resolve(__dirname, "src/Theme/Default")
    }
},

此src/Theme文件夹中有2个文件夹:Default和Dark。我想在需要时在别名设置中切换它，它不是用户控制的。

我使用的导入:

import Page from 'Design/Components/Page';

Webpack 可以正常使用此路径，但 PhpStorm 2018.2 无法识别此路径是否正确。

我的 Webpack PhpStorm 设置设置为我的 webpack.config.js 的路径。

更多详细信息和示例/日志可以在这里找到:https://youtrack.jetbrains.com/issue/WI-43146

Answer 1

编辑 TypeScript 文件时不支持 Webpack 别名解析，当前的 TypeScript 支持实现仅使用 TypeScript 解析逻辑，因为我们需要保持与 TypeScript 语言服务的集成(不知道 Webpack 别名)。您可以在 tsconfig.json 文件中配置类似的映射，例如:

"baseUrl": "",
    "paths": {
      "Design/*": ["src/Theme/Default/*"]
    }

如果您错过了 TypeScript 中对 webpack 解析的支持，请投票给 WEB-29207