我大IE ( ̄^ ̄)
IE瀏覽器進(jìn)入淘汰倒計(jì)時(shí)茂装,微軟安全專家呼吁用戶放棄!
IE9 無(wú)polyfill
以下是我寫的一個(gè)沒有引入polyfill的簡(jiǎn)單demo在IE9上的表現(xiàn)陪汽,測(cè)試環(huán)境是IE11修改文檔模式的
控制臺(tái)可能會(huì)報(bào)以下錯(cuò)誤:
-
Module not found: Error: Can't resolve 'core-js/modules/es.function.name'
1
IE9 polyfill
以下是我引入polyfill后的表現(xiàn)训唱,測(cè)試了一些常用的組件,表現(xiàn)還是挺好的挚冤。除了那個(gè)可有可無(wú)的Spin况增,這里平穩(wěn)退化成這孬樣了。
應(yīng)用場(chǎng)景
由于工作需要训挡,相信會(huì)有一部分人需要讓自己的項(xiàng)目兼容 IE9澳骤,這聽起來有點(diǎn)慘無(wú)人道,但是通過配置 Babel 可以很簡(jiǎn)單的實(shí)現(xiàn)這一需求澜薄。不說廢話为肮,接下來直接上代碼。
main.js
package.json
babel.config
.browserslistrc
> 1%
last 2 versions
這里的瀏覽器列表配置肤京,我這里延用了Vue Cli的默認(rèn)配置颊艳,大家可以通過 該網(wǎng)站 查詢匹配后的結(jié)果。
實(shí)現(xiàn)原理
這里為了劃重點(diǎn)直接上圖片了忘分,按照?qǐng)D片上的配置可以解決IE9的兼容問題棋枕。
可能是babel的版本升級(jí)又或是其他的原因,導(dǎo)致我按照之前的兼容方式會(huì)報(bào)錯(cuò)妒峦。Babel官網(wǎng) 的指南各種稀奇古怪的轉(zhuǎn)跳重斑,讓人找不到規(guī)律,這里我也是一點(diǎn)一點(diǎn)的看文檔啃了很久才試出來的肯骇。想要更深入的了解配置項(xiàng)窥浪,可以查看 Babel官網(wǎng) 祖很,這才是最好的能解決你的問題的根源之處。
回復(fù)評(píng)論不了漾脂,給自己回復(fù)也不行假颇。 Git地址