详解webpack3编译兼容IE8的正确姿势
上一篇中的方法在 webpack 更新后,uglify 缓存地址也发生了变化,需要重新找地址。

10年积累的成都网站设计、做网站、成都外贸网站建设公司经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先做网站后付款的网站建设流程,更有景泰免费网站建设让你可以放心的选择与我们合作。
后来测试发现不论是 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 官网插件 后验证可行性。
否则我可能还会继续使用之前那个繁琐的方式。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持创新互联。
网站名称:详解webpack3编译兼容IE8的正确姿势
转载来源:http://www.jxjierui.cn/article/pdsdgd.html


咨询
建站咨询
