vue-element-admin兼容IE解決
- 其實很簡單在webpack的入口中使用
babel/polyfill
就行了剪芍。
具體操作只需要這幾步
第一步:在項目根目錄下安裝
babel-polyfill
,
項目根目錄運行npm i babel-polyfill
-
第二步:修改build下的
webpack.base.conf.js
把入口修改成以下這樣雄可,就是把babel-polyfill
也打包進去漠秋,如圖:
第三步:重新打包,或者
npm run dev
就能在ie瀏覽器看到頁面了。
-
其實我想說的并不是這些,我想說的是,沒加
babel-polyfill
和加了會有怎么樣的影響拱镐。僅個人見解和想法。統(tǒng)一前提的情況下持际。
- 經(jīng)過本人的細心觀察發(fā)現(xiàn)沃琅,當你添加了
babel-polyfill
你的webpack的打包速度會在本人電腦上慢很多,雖然這電腦是該退休了蜘欲,但是也不應該這么慢啊益眉,
執(zhí)行一次npm run dev
之后用了babel-polyfill
將近需要5分鐘。我滴個乖乖芒填。沒用之前很快完全不需要5分鐘呜叫,2分鐘可能都不到。
來年換電腦殿衰。
- 其實你們知道的
vue
的首屏渲染總是比較慢朱庆,原因有很多種,這里我對比了一下使用了babel-polyfill
之后這個首屏渲染的時間闷祥。有babel-polyfill
- 經(jīng)過本人的細心觀察發(fā)現(xiàn)沃琅,當你添加了
可以看到總耗時2242ms娱颊,腳本耗時1173ms也還行,2秒多一點還是可以接受凯砍。
- 我們再看看沒加
babel-polyfill
的結(jié)果會不會有很大的差異
沒有babel-polyfill
差了將近500ms左右
進過我多次的測試發(fā)現(xiàn)箱硕,用了babel-polyfill
的首屏渲染大概在1900-2350ms之間,沒用babel-polyfill
大概在1500-1900之間悟衩,可見使用了babel-polyfill
是會影響首屏渲染的時間剧罩,但是問題不是很大,只要總的渲染時間不超過5000ms都不會感覺很卡座泳。
在此聲明惠昔,此次試驗的頁面為登錄頁是基于
vue-element-admin
的登錄頁的修改幕与,只是添加了驗證碼,二次請求的數(shù)量相比原項目就只增加了一個驗證碼的圖片镇防,
代碼沒有打包成正式版測試啦鸣,是開發(fā)環(huán)境的測試。
- 說明一點来氧,為什么我會擔心
babel-polyfill
影響性能诫给,如果你們有接觸過apicloud接觸過它提供的apicloud-polyfill
你就會有這個擔心了,因為使用了apicloud-polyfill
之后啦扬,真機調(diào)試真的是慢到了極致V锌瘛!