Webpack中的路径别名，如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中，只需右键单击一个文件夹，然后“将目录标记为”＆gt; “资源根”。

这是this的副本，而且a better answer here。

Answer 2

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