WebStorm别名识别配置

1、项目根目录创建文件:alias.config.js

/**
 * 本文件对项目无任何作用,仅作为 WebStorm 识别别名用
 * */
const path = require('path')
const resolve = dir => path.join(__dirname, dir);
module.exports = {
  resolve: {
    alias: {
      '@': resolve('.')
    }
  }
};
1
2
3
4
5
6
7
8
9
10
11
12

2、进入 WebStorm preferences -> Language & Framework -> JavaScript -> Webpack,选择这个文件即可