WebStorm 中的路径别名与 webpack 中的一样答案

【问题标题】：Path aliases in WebStorm as in webpackWebStorm 中的路径别名与 webpack 中的一样
【发布时间】：2016-12-20 10:21:29
【问题描述】：

我们有类似的文件结构

/common
    /src
        /componentA
        /componentB

并且想使用 webpack 别名

resolve: {
  alias: {
    common: 'common/src'
  }
}

需要像

这样的模块

require('common/componentA')

有什么方法可以教 WebStorm 通过使用 Ctrl+Click 导航来解决此问题以保存选项？

ResourceRoot 选项对这种情况没有帮助

【问题讨论】：

【解决方案1】：

无法让 webstorm 读取您的 webpack 别名，因此您必须为此设置 2 个不同的“配置设置”。只是意味着你必须维护 webpack 的别名和 webstorm 的资源。

在 webstorm 中，只需右键单击一个文件夹并“将目录标记为”>“资源根目录”。

这是this 的副本，还有a better answer here。

【讨论】：

【解决方案2】：

从 Webstorm 2017.2 开始，您可以设置 webpack 配置文件，它会识别您的别名：

【讨论】：