vue-cli3配置路径别名

时间:2022-07-26
本文章向大家介绍vue-cli3配置路径别名,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

在vue.confg.js中添加如下代码,如果没有这个文件,在根目录创建一个

const path = require('path');

//拼接路径
function resolve(dir) {
	return path.join(__dirname, dir)
}
module.exports = {
	chainWebpack: (config) => {
		config.resolve.alias
			.set('@', resolve('src'))
			.set('@components', resolve('src/components'))
			.set('@static', resolve('src/static'))
	},
}