uglifyjs-webpack-plugin压缩配置防止删除对象属性引号

2019-05-1148次阅读webpack

UglifyJS Webpack Plugin这个插件其实使用uglify JS压缩javascript,细翻uglify JS选项,总有一些选项适合你。

plugins.push(new UglifyJSPlugin({
	uglifyOptions: {
		compress: {
			properties:false,
			ie8:true
		},
		output:{
			keep_quoted_props:true
		}
	}
}));
  • 关于uglifyOptions、compress属性你也可以借阅一下Webpack4模式(mode)及production内置优化一文有所介绍。
  • properties属性(默认值:true)--使用点标记重写属性访问,例如foo[“bar”]→foo.bar。这是设为false是因为如果你使用ES5,ES5中是允许用关键字或保留字做为对象属性的,但ES3不可以。
  • ie8:true属性(默认值:false)Uglify JS不会兼容IE8。当设置为true时则会开启对IE低版本浏览器的支持。
  • output属性的keep_quoted_props属性(默认false) - 启用时,防止从对象文字中的属性名称中删除引号。
上一篇: webpack使用uglifyjs-webpack-plugin压缩JS并支持IE低版本浏览器  下一篇: script标签async、defer属性及其区别  

uglifyjs-webpack-plugin压缩配置防止删除对象属性引号相关文章