vue.config.js简单配置教程

process.env.NODE_ENV默认只有两种状态即development和production，可自行配置更多环境

module.exports = {
	//部署应用包时的基本URL(./全部相对路径) 可使用process.env.NODE_ENV 
	publicPath: process.env.NODE_ENV === 'production' ? '/production/' : './',
	//输出目录，默认dist
	outputDir:"dist",
	//放静态资源目录
	assetsDir:"static",
	//指定生成的 index.html 的输出路径 默认index.html
	indexPath:"index.html",
	//服务配置
	devServer:{
		//端口号
		port:8080,
		//proxy代理
		proxy:{
			'/api':{
				target:"http://www.xxx.com/api"
			}
		}
	},
	// css相关配置
	css: {
		loaderOptions: {
			//配置全局scss
			
			scss: {
				prependData: `
					@import "~@/assets/style/variable.scss";
					@import "~@/assets/style/common.scss";
				`
			},
		}
	}
}