当前位置: 首页 > article >正文

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

 

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'];
	}
}


http://www.kler.cn/a/133114.html

相关文章:

  • 前端无感刷新token
  • Python酷库之旅-第三方库Pandas(218)
  • 【机器学习】机器学习中用到的高等数学知识-1.线性代数 (Linear Algebra)
  • K8S containerd拉取harbor镜像
  • 自动驾驶仿真:软件在环(SIL)测试详解(精简版入门)
  • 容器安装gitlab
  • 点云从入门到精通技术详解100篇-基于点云数据的机器人装焊 过程在线测量
  • ThreadLocal优化
  • DM8共享集群DSC初始化DB实例报错
  • FreeRTOS中的内存分配策略
  • WPF xaml Command用法介绍
  • OpenAI发布会中不起眼的重大更新
  • 传输层——TCP协议
  • 【Python入门五】第三方库(包)介绍
  • 数据库课后习题加真题
  • 【如何学习Python自动化测试】—— 页面元素定位
  • WPF中的虚拟化是什么
  • 代码随想录算法训练营Day 56 || 647. 回文子串、516.最长回文子序列
  • 【MySQL】索引与事务
  • vue3的api使用
  • uart控制led与beep
  • cesium雷达效果(脉冲圆)
  • 【C++】【Opencv】cv::warpAffine()仿射变换函数详解,实现平移、缩放和旋转等功能
  • Ajax 之XMLHttpRequest讲解
  • 三、程序员指南:数据平面开发套件
  • 使用vant list实现订单列表,支持下拉加载更多