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中，只需右键单击文件夹并“将目录标记为”>“资源根”。

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

Answer 2

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