详解webpack3编译兼容IE8的正确姿势
上一篇中的方法在webpack更新后,uglify缓存地址也发生了变化,需要重新找地址。
后来测试发现不论是uglify-js2uglify-js3都是支持IE8兼容处理的。
但在webpack.optimize.UglifyJsPlugin中加配置参数却无效。(webpack的锅)
总不能每次都手动去找webpack缓存路径进行劫持吧,那要疯了。
UglifyjsWebpackPlugin
关键点依然在于UglifyjsWebpackPlugin插件,但并不是内置的webpack.optimize.UglifyJsPlugin插件。
$npmi-Duglifyjs-webpack-plugin
单独安装这个插件后使用即可。
constUglifyJsPlugin=require('uglifyjs-webpack-plugin') module.exports={ entry:'./app.js', output:{ filename:'bundle.js', }, plugins:[ newUglifyJsPlugin({ uglifyOptions:{ ie8:true, }, }), ], };
是不是觉得返璞归真了。
ps:webpack23版本都支持。
小结
这一发现是同事发现uglify-js3中也支持ie8兼容处理。
然后我重新去测试了几遍,顺便翻了webpack官网插件后验证可行性。
否则我可能还会继续使用之前那个繁琐的方式。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。