vue3：自定义vue.config.js

const path = require('path'); //引入path模块
module.exports = {
	publicPath: "./", //部署应用包时的基本 URL
	outputDir: "dist",
	productionSourceMap: false, //加速生产环境构建
	chainWebpack: config => {
		//set第一个参数：设置的别名，第二个参数：设置的路径
		config.resolve.alias
			.set('@', path.join(__dirname, './src'))
			.set('@components', path.join(__dirname, './src/components'))
			.set('@assets', path.join(__dirname, './src/assets'))
			.set('@views', path.join(__dirname, './src/views'))
			.set('@img', path.join(__dirname, './src/assets/images'))
			.set('@utils', path.join(__dirname, './src/utils'))
			// 页面中可以直接 @components/组建名调用
		// 修复HMR
		config.resolve.symlinks(true);
	},
};