idea 打开vue项目 不能识别@路径

第一步

根目录自定义一个文件：webpath.config.js,内容为：

'use script'
const path = require('path')
function resolve(dir) {
  return path.join(__dirname, dir)
}
module.exports = {
  resolve: {
    alias: {
      '@': resolve('src')
    }
  }
}

第二步

File > Settings > Languages & Frameworks > JavaScript > Webpack

设置webpack configuration file为webpath.config.js

第三步

重启idea