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 无法将此路径识别为正确。

我的 PhpStorm webpack 设置设置为我的 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

PhpStorm 无法识别 webpack 别名

PhpStorm not recognizing webpack alias

javascript

phpstorm

typescript

webpack

phpstorm-2018.2