webpack的alias别名引用 在webstorm中点击不能跳转?

6,149 阅读1分钟

前言:之前有一个问题困扰了我很长时间,为了引用模块统一性,我们一般会在webpack中配置alias别名,然后进行统一引用,比如这样:

webpack配置:


引用:


但是一般情况下,我们在webstorm里面会使用commond(window下为ctrl)键 + 鼠标左键来跳转,这里就会出现上面这样的提示,导致无法跳转。


出现这个问题的原因是:webstorm中专门有webpack的相关配置,默认的路径直接是项目根目录下的 webpack.config.js,但是我们用各种cli生成的项目中,webpack的配置一般都是在build下,导致webpack找不到这个配置文件,就解析不到我们的配置文件。


解决方法

webstorm -> preference -> language & frameworks -> javascript -> webpack 

将webpack配置文件改为一个正确的绝对路径,问题就解决了。


后记

昨天张杰出了全新的EP《未·live》,里面的三首歌都很好听,推荐给大家。

链接:y.qq.com/n/yqq/song/…

谢谢!