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

PhpStorm无法识别Webpack别名

1 个答案: