Optimización del paquete web, use el complemento terser-webpack-plugin, elimine todas las declaraciones de la consola en el código

Instalar el complemento terser-webpack-plugin

Sitio web oficial del complemento terser-webpack-plugin: https://www.npmjs.com/package/terser-webpack-plugin

Primero, necesitas instalar terser-webpack-plugin :

npm install terser-webpack-plugin --save-dev

Luego agregue el complemento al archivo de configuración de su paquete web. Por ejemplo:

webpack.config.js:

const TerserPlugin = require("terser-webpack-plugin");
module.exports = {
    
    
configureWebpack: config => {
    
    
	config.optimization = {
    
    
		minimize: true,
		minimizer: [new TerserPlugin({
    
    
		  terserOptions: {
    
    
		    mangle: {
    
    
		      safari10: true,
		    },
		    compress: {
    
    
		      // 是否在UglifyJS删除没有用到的代码时输出警告信息，默认为输出，可以设置为false关闭这些作用不大的警告
		      warnings: false,
		      // 是否删除代码中所有的console语句，默认为不删除，开启后，会删除所有的console语句
		      drop_console: true,
		      pure_funcs: ['console.log'] // 移除console
		    }
		  }
		})],
	}
}

Lo anterior contiene algunas configuraciones de uso común.

• Eliminar todas consolelas declaraciones en el código - drop_console: true;