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


Posted in Javascript onDecember 21, 2017

上一篇中的方法在 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 相关文章推荐
基于jquery.Jcrop的头像编辑器
Mar 01 Javascript
Extjs优化(二)Form表单提交通用实现
Apr 15 Javascript
javascript模拟枚举的简单实例
Mar 06 Javascript
jQueryMobile之Helloworld与页面切换的方法
Feb 04 Javascript
jQuery插件ajaxFileUpload实现异步上传文件效果
Apr 14 Javascript
javascript移动开发中touch触摸事件详解
Mar 18 Javascript
深入理解JavaScript中的对象复制(Object Clone)
May 18 Javascript
jQuery Easy UI中根据第一个下拉框选中的值设置第二个下拉框是否可以编辑
Nov 29 Javascript
js实现以最简单的方式将数组元素添加到对象中的方法
Dec 20 Javascript
Vue 中使用vue2-highcharts实现曲线数据展示的方法
Mar 05 Javascript
vue axios基于常见业务场景的二次封装的实现
Sep 21 Javascript
基于JavaScript判断两个对象内容是否相等
Jan 10 Javascript
利用vue开发一个所谓的数独方法实例
Dec 21 #Javascript
开发Vue树形组件的示例代码
Dec 21 #Javascript
详解使用vuex进行菜单管理
Dec 21 #Javascript
Angular5.1新功能分享
Dec 21 #Javascript
vue2中的keep-alive使用总结及注意事项
Dec 21 #Javascript
webpack写jquery插件的环境配置
Dec 21 #jQuery
基于Vue 2.0的模块化前端 UI 组件库小结
Dec 21 #Javascript
You might like
ajax缓存问题解决途径
2006/12/06 PHP
php递归使用示例(php递归函数)
2014/02/14 PHP
两种设置php载入页面时编码的方法
2014/07/29 PHP
aspx中利用js实现确认删除代码
2010/07/22 Javascript
jquery实现metro效果示例代码
2013/09/06 Javascript
jquery中插件实现自动添加用户的具体代码
2013/11/15 Javascript
window.open打开页面居中显示的示例代码
2013/12/27 Javascript
jQuery实现连续动画效果实例分析
2015/10/09 Javascript
JavaScript焦点事件、鼠标事件和滚轮事件使用详解
2016/01/15 Javascript
jQuery日程管理插件fullcalendar使用详解
2017/01/07 Javascript
基于vue-cli配置lib-flexible + rem实现移动端自适应
2017/12/26 Javascript
详解Vue Elememt-UI构建管理后台
2018/02/27 Javascript
Angularjs实现多图片上传预览功能
2018/07/18 Javascript
JS+HTML实现的圆形可点击区域示例【3种方法】
2018/08/01 Javascript
javascript 构建模块化开发过程解析
2019/09/11 Javascript
openlayers实现地图弹窗
2020/09/25 Javascript
[03:01]DOTA2英雄基础教程 露娜
2014/01/07 DOTA
python使用cStringIO实现临时内存文件访问的方法
2015/03/26 Python
微信跳一跳python自动代码解读1.0
2018/01/12 Python
python 对txt中每行内容进行批量替换的方法
2018/07/11 Python
Python实现输入二叉树的先序和中序遍历,再输出后序遍历操作示例
2018/07/27 Python
python3发送邮件需要经过代理服务器的示例代码
2019/07/25 Python
PyCharm更改字体和界面样式的方法步骤
2019/09/27 Python
python ftplib模块使用代码实例
2019/12/31 Python
在tensorflow中设置使用某一块GPU、多GPU、CPU的操作
2020/02/07 Python
python 已知一个字符,在一个list中找出近似值或相似值实现模糊匹配
2020/02/29 Python
H5 canvas中width、height和style的宽高区别详解
2018/11/02 HTML / CSS
英国乐购杂货:Tesco Groceries
2018/11/29 全球购物
最好的意大利皮夹克:D’Arienzo
2018/12/04 全球购物
仓库保管员岗位职责
2013/12/20 职场文书
校园报刊亭的创业计划书
2014/01/02 职场文书
销售员求职个人的自我评价
2014/02/19 职场文书
《再见了,亲人》教学反思
2014/02/26 职场文书
小学生五一劳动节演讲稿
2015/03/18 职场文书
单位推荐信范文
2015/03/27 职场文书
护理培训心得体会
2016/01/22 职场文书