webpack使用uglifyjs-webpack-plugin压缩JS并支持IE低版本浏览器

2019-05-10431次阅读webpack

UglifyJS Webpack Plugin这个插件其实使用uglify JS压缩javascript。

new UglifyJSPlugin({
	uglifyOptions: {
		compress: {
			properties:false,
			ie8:true
		}
	}
})
  • 关于uglifyOptions、compress属性你也可以借阅一下Webpack4模式(mode)及production内置优化一文有所介绍。
  • properties属性(默认值:true)--使用点标记重写属性访问,例如foo[“bar”]→foo.bar。这是设为false是因为如果你使用ES5,ES5中是允许用关键字或保留字做为对象属性的,但ES3不可以。
  • ie8:true属性(默认值:false)Uglify JS不会兼容IE8。当设置为true时则会开启对IE低版本浏览器的支持。

还是以gulp4构建任务实例代码为例:没有添加ie8:true属性时,压缩代码后老是报错,一检查报throw错误:

加了ie8:true属性后,目前来看IE低版本浏览器没有报错。

 

上一篇: Webpack将多个文件夹入口输出到多个文件夹实践  下一篇: uglifyjs-webpack-plugin压缩配置防止删除对象属性引号  

webpack使用uglifyjs-webpack-plugin压缩JS并支持IE低版本浏览器相关文章