vue.config.js

const path = require('path')
const fs = require('fs')
const CompressionPlugin = require('compression-webpack-plugin')

let devServer = {
	proxy: { // 代理
		'^/': {
			target: 'http://localhost:7001',//设置你调用的接口域名和端口号 别忘了加http
			ws: false,
			changeOrigin: true,
			pathRewrite: {},
		}
	}
}

module.exports = {
	devServer: devServer,
	// 输出文件目录
	assetsDir: "static",
	publicPath: './',
	productionSourceMap: ['development', 'test'].includes(process.env.NODE_ENV),
	parallel: require('os').cpus().length > 1,// 在多核机器下会默认开启。
	// 修改 pages 入口
	pages: {
		index: {
			entry: 'web/main.js', // 入口
			template: 'public/index.html', // 模板
			filename: 'index.html' // 输出文件
		}
	},
	css: {
		loaderOptions: {
			sass: {
				// @/ 是 src/ 的别名
				data: fs.readFileSync(path.resolve(__dirname, `./web/common/styles/variables.scss`), 'utf-8') // 公共变量文件注入
			}
		}
	},
	// 扩展 webpack 配置
	chainWebpack: config => {
		// @ 默认指向 src 目录，这里要改成 examples
		// 另外也可以新增一个 ~ 指向 packages
		config.resolve.alias
			.set('@', path.resolve('web'))
			.set('@web', path.resolve('web'))
			.set('@config', path.resolve('config'))
			.set('@app', path.resolve('app'))
		config.module
			.rule('js')
			.include.add(/web/).end()
			.use('babel')
			.loader('babel-loader')
			.tap(options => {
				// 修改它的选项...
				return options
			})


		// 移除 prefetch 插件
		config.plugins.delete('prefetch')

		// gzip做一下压缩
		if (!['development', 'test'].includes(process.env.NODE_ENV)) {
			config.plugin('compressionPlugin')
				.use(new CompressionPlugin({
					filename: '[path].gz[query]',
					algorithm: 'gzip',
					test: /\.(js|css|json|txt|html|ico|svg)(\?.*)?$/i, //匹配文件名
					threshold: 10240,
					minRatio: 0.8
				}));
		}

	}
}