详解webpack3编译兼容IE8的正确姿势
2019/6/27 20:30:20
本文主要是介绍详解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 官网插件 后验证可行性。
否则我可能还会继续使用之前那个繁琐的方式。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持找一找教程网。
这篇关于详解webpack3编译兼容IE8的正确姿势的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-09vue3开发前端表单缓存自定义指令,移动端h5必备插件
- 2024-05-09React Hooks在class组件中的使用方式
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist
- 2024-03-11icons for vue
- 2024-03-07breadcrumbs react js
- 2024-03-06react login page example
- 2024-03-06react router uselocation
- 2024-03-04postgres jsonb_set