毅窝疯

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

By hybnx 2019-01-10 系统&工具 来源:https://juejin.im/post/5b0287155188251bf66e65fa 访问:88

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

webpack配置:

引用:

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

 

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

 

解决方法

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

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