javascript – WebStorm中导入的路径别名

我使用webpack路径别名来加载ES6模块.

例如.如果我为utils定义别名而不是像
从“../../../utils/foo”导入Foo,我能做到
从“utils / foo”导入Foo

问题是,一旦我开始使用别名,WebStorm就会失去对导入的跟踪,并且我会留下警告并且没有自动完成.

有没有办法指示WebStorm使用这些别名？

解决方法:

[弃用答案.从WS2017.2开始,Webstorm自动解析并应用Webpack配置(参见@anstarovoyt评论)]

就在这里.

实际上,Webstorm无法自动解析和应用Webpack配置,但您可以以相同的方式设置别名.

您只需将“utils”的父文件夹(在您的示例中)标记为资源根(右键单击,将目录标记为/ resource root).

我们设法做了以下结构：

/src
    /A
    /B
    /C

我们在Webpack中将A B和C文件夹声明为别名.
在Webstorm中,我们将“src”标记为“Resource Root”.

现在我们可以简单地导入：

import A/path/to/any/file.js

代替

import ../../../../../A/path/to/any/file.js

同时仍然让Webstorm正确解析和索引所有代码,链接到文件,自动完成等等……

标签：javascript,webstorm,webpack,es6-module-loader
来源： https://codeday.me/bug/20190926/1820805.html