使用qiankun微前端如何兼容ie浏览器

在ie浏览器中, 默认不支持fetch, promise, symbol, 以及es6等语法, 如何给ie打补丁, 支持这些语法呢?

场景一:  主应用通过vue2.x框架搭建,  该框架默认兼容ie浏览器,  那么我们只需要导入ie不支持的补丁包

首先, 我们需要下载以下这些 polyfills Polyfill - 术语表 | MDN

ps: Polyfill 是一块代码(通常是 Web 上的 JavaScript),用来为旧浏览器提供它没有原生支持的较新的功能。比如说 polyfill 可以让 IE7 使用 Silverlight 插件来模拟 HTML Canvas 元素的功能,或模拟 CSS 实现 rem 单位的支持,或 text-shadow,或其他任何你想要的功能。

yarn add whatwg-fetch  custom-event-polyfill  core-js

导入在main.js中

import 'whatwg-fetch';
import 'custom-event-polyfill';
import 'core-js/stable/promise';
import 'core-js/stable/symbol';
import 'core-js/stable/string/starts-with';
import 'core-js/web/url';

更多详情请参数官网: 常见问题 - qiankun

 场景二: 如果我们的主应用是通过svelte框架搭建起来的 , 该框架不兼容ie, 则我们需要全局配置兼容低浏览器的预设

 Svelte 中文文档 | Svelte 中文网

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值