在WebStorm中无法点击webpack的alias别名路径？

1. 在根目录创建 vue.config.js 文件，这个文件在create项目时默认是没有生成的。

   
   image.png
2. 如下配置 vue.config.js

const path = require('path')

function resolve (dir) {
  return path.join(__dirname, dir)
}

module.exports = {
  lintOnSave: true,
  chainWebpack: (config) => {
    config.resolve.alias
      .set('@', resolve('src'))
      .set('@components', resolve('src/components'))
      .set('@common', resolve('src/common'))
  }
}

3. 打开 File - Settings 配置 Languages & Frameworks - JavaScript - Webpack 如下图，保存搞定。

   
   image.png