Vue别名配置简录（alias配置）

配置文件的路径：项目名/build/webpack.base.conf.js

相关函数：resolve

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

字段配置：alias

alias: {
    'vue$': 'vue/dist/vue.esm.js',
    'src': resolve('src'),
    'common': resolve('src/common'),
    '@': resolve('src'),
}

字段含义：

src、common、@等字符都是为了简化路径书写，进行得别名配置

可以指代某一个特定的路径

在具体项目文件中可以如下应用

import HelloWorld from '@/components/HelloWorld'

import 'common/stylus/index.styl'