webstorm如何识别webpack中的@等alias符号

面试：你懂什么是分布式系统吗？Redis分布式锁都不会？>>>   

webstorm为我们提供了 webpack.config.js来帮助我们寻找文件位置(Settings->Languages&Frameworks)->JavaScript->Webpack.有的项目中有针对的配置 那么直接在这里调用相应配置的JS文件即可.但对于没有这种配置的文件,自己新建一个再设置应用即可.

'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'),
            '@views': resolve('src/views'),
            '@comp': resolve('src/components'),
            '@core': resolve('src/core'),
            '@utils': resolve('src/utils')
        }
    }
}