本文主要介绍了详解webpack3编译兼容ie8的正确姿势，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。
上一篇中的方法在 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 官网插件 后验证可行性。
相关推荐：
javascript中关于checkbox/radio onchange不能兼容ie8的处理办法
bootstrap3 兼容IE8浏览器！_javascript技巧
以上就是webpack3编译兼容IE8实例分析的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
444
