IntelliJ无法解析webpack别名路径

Question

使用webpack配置,可以指定解析组件的根目录:

resolve: {
  root: [ path.join(__dirname, './src/') ],
  extensions: ['', '.js', '.scss']
},

现在可以./src/使用代字号导入SASS文件:

@import '~variables';

此导入路径将被解析为./src/variables,一切正常.

但IntelliJ无法正确识别并报告:

Cannot resolve file '~variables'

有可能以某种方式配置此IDE以添加额外的解析路径(默认情况下它只从node_modules目录解析)？

Answer 1

使用当前版本的 Webstorm 可以设置 webpack 配置，这将启用识别整个项目的路径别名：

这是我指定如何设置它的答案。

它也可以识别带有波浪号的 scss 内的导入。

它适用于我的项目，我还使用 webpack 别名和scss导入。

此版本已修复此问题。