const CompressionWebpackPlugin = require('compression-webpack-plugin');

module.exports = {
	productionSourceMap: false, // 设为false，既可以减少包大小，也可以加密源码
	//transpileDependencies: ['element-ui','@wangeditor/editor'],//指定某个库在打包的时候需要编译
	chainWebpack(config) {
		config.plugins.delete(
			'prefetch'); //默认开启prefetch(预先加载模块)，提前获取用户未来可能会访问的内容 在首屏会把这十几个路由文件，都一口气下载了 所以我们要关闭这个功能模块
		if (process.env.NODE_ENV !== 'development') {
			// 对超过10kb的文件gzip压缩
			config.plugin('compressionPlugin').use(
				new CompressionWebpackPlugin({
					test: /\.(js|css|html)$/, // 匹配文件名
					threshold: 10240,
				})
			);
		}
	},
	devServer: {
		proxy: {
			'/kuayu': {
				target:'http://api.qidiwang.com:8888', // 配置访问的服务器地址
				pathRewrite: {
					'^/kuayu': '/'
				}, // 用于将请求中的 /api 字符串替换为空, 然后访问地址就能正确访问，若不添加此行配置，那么访问地址就变成了： http://localhost:5000/api/request_url，这样的请求就会出现 404 操作
				ws: true, // 是否支持 webstocket, 默认是 true
				changeOrigin: true // 用于控制请求头中的 host 值, 默认是 ture
			}
		}
	},
}