详细解读webpack3编译兼容IE8（详细教程）

这篇文章主要介绍了详解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 官网插件 后验证可行性。

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

上面是我整理给大家的，希望今后会对大家有帮助。

相关文章：

使用js如何实现从新赋值

使用nodejs如何操作mongodb的填删改查模块

在JS中如何实现验证码倒计时

使用socket.io如何实现聊天室

在AngularJS中如何实现拖拽功能

在js中如何实现移动端手指滑动轮播图

使用JS如何实现文字无缝滚动

使用Node层如何实现multipart表单文件上传

使用React如何封装Portal可复用组件

在node中中间服务层如何发送请求（详细教程）

Atas ialah kandungan terperinci 详细解读webpack3编译兼容IE8（详细教程）. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!