vue-Cli3工具中，配置路径别名

使用vue cli3搭建vue项目，配置路径别名在vue.config.js配置（没有build目录，里边的webpack相关也没有了）

配置路径别名，方便引用，不用写那么长

配置前:

1import Banner from '../components/m-banner.vue';

配置后(不用再关心文件层级关系):

1import Banner from 'components/m-banner.vue';

vue.config.js的文件：

constpath = require('path');//引入path模块

function resolve(dir){

    return path.join(__dirname,dir)//path.join(__dirname)设置绝对路径

}

module.exports={

    chainWebpack:(config)=>{

        config.resolve.alias

        .set('@',resolve('./src'))

        .set('components',resolve('./src/components'))//set第一个参数：设置的别名，第二个参数：设置的路径

}}