webpack的style-loader打包出的js在IE8不兼容,有解决方案吗

发布网友 发布时间：2022-05-14 19:48

我来回答

共2个回答

懂视网 时间：2022-05-15 00:09

上一篇中的方法在 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中中间服务层如何发送请求（详细教程）

热心网友 时间：2022-05-14 21:17