uglifyjs-webpack-plugin配置


项目使用vuecli3搭建,在vue.config.js文件中进行配置,主要配置了去除线上环境的打印信息。

  1. 首先安装插件, 执行命令
	npm install uglifyjs-webpack-plugin --save
  1. 配置插件
    vue.config.js
	/** 引入uglifyjs-webpack-plugin */
	const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
	/** 全局变量,当前环境 */
	const env = process.env.NODE_ENV;
	module.exports = {
	  ...
	  configureWebpack: config => {
		if (env === "production") {
			  /** 生产环境配置 */
			  config.mode = 'production';
			  /** 移除console */
			  config.optimization.minimizer.push(
				  new UglifyJsPlugin({
					  uglifyOptions: {
						  warnings: false,
						  compress: {
							  drop_console: true,
							  drop_debugger: true,
							  pure_funcs: ['console.log'] 
						  }
					  }
				  })
			  )
		  } else {
				/** 开发环境配置 */
				config.mode = "development";
		  }
		  Object.assign(config, {
			  name: '零信任后台管理系统',
			  resolve: {
				  alias: {
					  '@': resolve('src')
				  }
			  }
		  })
	  },
	  ...
	}
  1. 嘿嘿, 没了。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM