vue-cli3.0设置静态文件简写路径

经常在项目中层次比较深的vue文件需要引用一张静态图片的时候会有很多的../../../这样看起来很不舒服，vue的脚手架正好有这相关的配置。

const path = require('path')
module.exports = {
  chainWebpack:(config)=>{
    config.resolve.alias
    .set('@assets',path.join(__dirname,'./src/assets'))
    .set('@util',path.join(__dirname,'./src/util'))
    .set('@api',path.join(__dirname,'./src/api'))
    //set第一个参数：设置的别名，第二个参数：设置的路径
  }
}

这样任何地方需要assets文件夹中的文件只需要@assets/img.png就行了