Vue-cli3版本以上别名,template里面引用别名前面需要加"~"
创建一个vue.config.js文件,在里面写入
const path = require("path");
function resolve(dir) {
return path.join(__dirname, dir);
}
module.exports = {
chainWebpack: (config) => {
// 用于配置别名
config.resolve.alias
.set("assets", resolve("src/assets"))
.set("components", resolve("src/components"))
},
}
然后就成功了
在javaScript可以直接引用
import componentName from 'assets/componentName
但是在.vue文件里的template标签内引用需要在别名前面加"~"
<template>
<img src='~assets/img.img.png' >
</template>