IntelliJ 无法解析 webpack 别名路径答案

【问题标题】：IntelliJ cannot resolve webpack aliased pathIntelliJ 无法解析 webpack 别名路径
【发布时间】：2016-07-04 20:39:30
【问题描述】：

通过 webpack 配置，可以指定解析组件的根目录：

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

现在可以使用波浪号从./src/ 导入 SASS 文件：

@import '~variables';

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

但是 IntelliJ 无法正确识别并报告：

Cannot resolve file '~variables'

是否可以通过某种方式配置此 IDE 以添加额外的解析路径（默认情况下它仅从 node_modules 目录解析）？

【问题讨论】：

【解决方案1】：

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

它也可以识别带有波浪线的 scss 中的导入。

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

【讨论】：