PhpStorm 无法识别 webpack 别名答案

【问题标题】：PhpStorm not recognizing webpack aliasPhpStorm 无法识别 webpack 别名
【发布时间】：2019-01-16 04:23:58
【问题描述】：

我的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

【问题讨论】：

供参考：youtrack.jetbrains.com/issue/WI-43146
这应该行得通；我已经在 youtrack 票中回复了

标签： javascript typescript webpack phpstorm phpstorm-2018.2

【解决方案1】：

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

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

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

【讨论】：