vu-cli 3.x以上版本vue.config.js配置文件

const path = require('path');

function resolve(dir) {
	return path.join(__dirname, dir);
}

const miniCssExtractPlugin = require('mini-css-extract-plugin')

module.exports = {
	lintOnSave: 'error',
	devServer: {
		host: '0.0.0.0', // host
		port: '90', // 端口
		open: false, // 自动打开浏览器
		proxy: {
			'/api': {
				target: '',
				ws: true,
				changeOrigin: true,
				pathRewrite: {
					'^/api': '',
				},
			},
		},
		overlay: {
			warning: true,
			errors: true,
		},

	},
	productionSourceMap: false,
	publicPath: '/',
	outputDir: 'dist',
	chainWebpack: (config) => {
		config.resolve.alias
			.set('@', resolve('src')); // alias
		config.output.filename('[name].[hash].js')
			.end(); // 打包文件带hash
		// if(process.env.NODE_ENV === 'production') {
		// 	config.plugin('extract-css').tap(args => {
		// 		args[0].ignoreOrder = true // 去除mini css extract warning
		// 		return [...args]
		// 	})
		// }
		// config
		//   .plugin('webpack-bundle-analyzer')
		//   .use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin)
	},
	configureWebpack: config => {
		if (process.env.NODE_ENV !== 'production') {
			config.devtool = 'source-map'
		}
	},
};

注意：本文归作者所有，未经作者允许，不得转载