详解webpack3编译兼容IE8的正确姿势

时间:2021-05-25

上一篇中的方法在 webpack 更新后,uglify 缓存地址也发生了变化,需要重新找地址。

后来测试发现不论是 uglify-js2 uglify-js3 都是支持 IE8 兼容处理的。

但在 webpack.optimize.UglifyJsPlugin 中加配置参数却无效。(webpack 的锅)

总不能每次都手动去找 webpack 缓存路径进行劫持吧,那要疯了。

UglifyjsWebpackPlugin

关键点依然在于UglifyjsWebpackPlugin 插件,但并不是内置的 webpack.optimize.UglifyJsPlugin 插件。

$ npm i -D uglifyjs-webpack-plugin

单独安装这个插件后使用即可。

const UglifyJsPlugin = require('uglifyjs-webpack-plugin')module.exports = { entry: './app.js', output: { filename: 'bundle.js', }, plugins: [ new UglifyJsPlugin({ uglifyOptions: { ie8: true, }, }), ],};

是不是觉得返璞归真了。

ps: webpack 2 3 版本都支持。

小结

这一发现是同事发现 uglify-js3 中也支持 ie8 兼容处理。

然后我重新去测试了几遍,顺便翻了webpack 官网插件 后验证可行性。

否则我可能还会继续使用之前那个繁琐的方式。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章