WebStorm 中的路径别名与 webpack 中的路径别名相同

Question

我们的文件结构如下

/common
    /src
        /componentA
        /componentB    

并想使用 webpack 别名

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

需要像这样的模块

require('common/componentA')

有没有办法教 WebStorm 解决这个问题，通过导航保存选项Ctrl+Click？

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

Answer 1

不可能让 webstorm 读取你的 webpack 别名，所以你必须有 2 个不同的“配置设置”。只是意味着你必须维护 webpack 的 alises 和 webstorm 的资源。

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

这有点重复，这里有一个更好的答案。