javascript - 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 的 alies 和 webstorm 的资源。

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

这有点像 this 的副本还有 a better answer here .