uniapp优化h5项目-摇树优化,gzip压缩和删除console.log

1.摇树优化

勾选摇树优化,打包删除死代码

2.gzip压缩和删除console.log

安装插件webpack和compression-webpack-plugin

webpack插件

npm install webpack@4.46.0 --save-dev

compression-webpack-plugin插件

npm install compression-webpack-plugin@6.1.1 --save-dev
javascript 复制代码
const CompressionWebpackPlugin = require('compression-webpack-plugin');

module.exports = {
	productionSourceMap: false, // 生产打包时不输出map文件,增加打包速度
	configureWebpack: {
		plugins: [
			new CompressionWebpackPlugin({
				filename: "[path][base].gz",
				algorithm: "gzip",
				test: /\.js$|\.html$|\.css$/,
				threshold: 10240,
				minRatio: 0.8,
				exclude: /node_modules/,
			}),
		]
	},
	configureWebpack: config => {
		config.optimization.minimizer[0].options.terserOptions.compress.warnings = false;
		config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true;
		config.optimization.minimizer[0].options.terserOptions.compress.drop_debugger = true;
		config.optimization.minimizer[0].options.terserOptions.compress.pure_funcs = ['console.log'];
	}
}
相关推荐
乔冠宇35 分钟前
微信小程序修改个人信息头像(uniapp开发)
微信小程序·小程序·uni-app
一个处女座的程序猿O(∩_∩)O4 小时前
Uniapp 开发中遇到的坑与注意事项:全面指南
uni-app
Elena_Lucky_baby4 小时前
uniapp 网络请求封装(uni.request 与 uView-Plus)
uni-app
黑云压城After8 小时前
uniapp小程序自定义日历(签到、补签功能)
小程序·uni-app
烂蜻蜓8 小时前
Uniapp 设计思路全分享
前端·css·vue.js·uni-app·html
Elena_Lucky_baby8 小时前
uniapp封装请求
uni-app
尚学教辅学习资料9 小时前
基于SpringBoot+Vue+uniapp的高校招聘小程序+LW参考示例
spring boot·uni-app·招聘系统
岑梓铭11 小时前
uniapp邪门事件
uni-app
漫天绯羽13 小时前
uniapp 中使用天地图,安卓端、h5
uni-app
尚学教辅学习资料14 小时前
基于SpringBoot+vue+uniapp的智慧旅游小程序+LW示例参考
vue.js·spring boot·uni-app·旅游