Uniapp optimiert das H5-Projekt – Tree-Shaking-Optimierung, GZIP-Komprimierung und Console.log-Löschung

1. Optimierung des Baumschüttelns

Überprüfen Sie die Tree-Shaking-Optimierung, verpacken und löschen Sie toten Code

2.gzip komprimieren und löschen Sie console.log

Installieren Sie die Plug-ins „Webpack“ und „compression-webpack-plugin“
Webpack-Plugin

 

npm install [email protected] --save-dev

 Komprimierungs-Webpack-Plugin-Plugin

npm install [email protected] --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'];
	}
}