IntelliJ IDEA (WebStorm) 识别 @ 作为别名进行导包

配置前

配置前

@ 导包的类无法点击跳转,也不识别

配置

在项目根目录添加配置文件 webpack.config.js

1
2
3
4
5
6
7
8
9
10
11
/**
* 不是真实的 webpack 配置,仅为兼容 webstorm 和 intellij idea 代码跳转
*/

module.exports = {
resolve: {
alias: {
'@': require('path').resolve(__dirname, 'src'), // eslint-disable-line
},
},
};

然后,在 idea 的 preference -> language & frameworks -> javascript -> webpack 路径到更目录下的webpack.config.js

完成