webstorm.config.js

• webpack.config.js 原来是帮助webstorm来优化配置的，但是webstorm无法应对千奇百怪的架构变化，
• 分析实质其实就是利用了webpack.config.js中的 module.exports语法来分析alias路径，从而帮助我们解析文件。
• 所以我们只需要写一个JS文件和webpack.config.js相似，同时也module.export相同的参数即可。

'use strict'
const path = require('path')

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

module.exports = {
  context: path.resolve(__dirname, './'),
  resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      '@': resolve('src'),
      '@/components': resolve('src/components'),
      '@/utils': resolve('src/utils')
    }
  }
};