生产环境取消打印console

最新推荐文章于 2024-08-05 19:27:30 发布

祖先生

最新推荐文章于 2024-08-05 19:27:30 发布

阅读量762

点赞数

本文链接：https://blog.csdn.net/weixin_43908123/article/details/116005759

版权

这篇博客介绍了如何在Webpack配置中取消生产环境的console.log()打印，通过修改`optimization.minimizer`设置，启用terser压缩选项来实现。配置示例包括针对多个代理的设置，以及区分生产环境的条件判断。

摘要由CSDN通过智能技术生成

生产环境取消打印console,即使你项目文件有书写console.log()
在这里插入图片描述

module.exports = {
	devServer: {
		disableHostCheck: true,
		proxy: {
			//配置多个代理
			"/ws/geocoder/v1/": {
				target: "https://apis.map.qq.com", // 目标接口域名,
				changeOrigin: true, // 是否跨域
				ws: true, // websocket支持
				secure: false, // false为http访问，true为https访问
			},
			"/Open": {
				target: "https://apis.map.qq.com", // 目标接口域名,
				changeOrigin: true, // 是否跨域
				ws: true, // websocket支持
				secure: false, // false为http访问，true为https访问
			}
		},
	},
	configureWebpack: (config) => {
		// 生产环境取消console打印    
		config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true
		// 如果是多环境打包
		//if (process.env.NODE_ENV === 'production') {
		//config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true
		// }
	},
}