我使用 webpack 路径别名来加载 ES6 模块。
E.g.如果我定义一个别名utils而不是类似的东西
import Foo from "../../../utils/foo"， 我可以
import Foo from "utils/foo"
问题是，一旦我开始使用别名，WebStorm 就会失去对导入的跟踪，并且留下警告并且无法自动完成。
有没有办法指示 WebStorm 使用此类别名？
就在这里。
事实上，Webstorm 无法自动解析和应用 Webpack 配置，但您可以以相同的方式设置别名。
您只需标记parent“utils”文件夹（在您的示例中）作为资源根（右键单击，将目录标记为/资源根）。
我们刚刚设法做到了以下结构：
/src
/A
/B
/C
我们在 Webpack 中将 A B 和 C 文件夹声明为别名。
在 Webstorm 中，我们将“src”标记为“资源根”。
现在我们可以简单地导入：
import A/path/to/any/file.js
代替
import ../../../../../A/path/to/any/file.js
同时仍然让 Webstorm 正确解析和索引所有代码、链接到文件、自动完成等等......
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
