vue中如何配置alias别名

众所周知，vue项目中当组件多的时候，以../的形式引入文件就会特别麻烦，所以设置alias别名的方式：

上代码：

在vue.config.js中配置：

chainWebpack: config => {

config.resolve.alias

.set("css", path.join(__dirname, "src/assets/css"))

.set("font", path.join(__dirname, "src/assets/font"))

.set("img", path.join(__dirname, "src/assets/img"))

.set("js", path.join(__dirname, "src/assets/js"))

.set("~temp", path.join(__dirname, "public/template"));

}

组件中引入的方式：