欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

webpack3编译兼容IE8实例分析

程序员文章站 2022-03-28 14:45:19
...
本文主要介绍了详解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 官网插件 后验证可行性。

相关推荐:

有关兼容ie8的文章推荐10篇

javascript中关于checkbox/radio onchange不能兼容ie8的处理办法

bootstrap3 兼容IE8浏览器!_javascript技巧

以上就是webpack3编译兼容IE8实例分析的详细内容,更多请关注其它相关文章!