vue如何配置相容ie es6轉es5

2021-10-09 17:19:57 字數 698 閱讀 1789

首先我們的明白為什麼vue在ie上跑步起來, 這究竟是道德的淪喪還是人性的扭曲。

應該都不是 是ie它就是不支援es6, 那麼不支援es6, 那es5呢?

嗯 算支援吧,

那麼明白啊了原因 怎麼解決的呢?

小p給大家介紹乙個工具

@babel/polyfill

npm i @babel/polyfill -s

// 根目babel.config.js檔案 (沒有自己建)

module.exports =]]

}// 根目vue.config.js

// 關鍵配置:node_modules裡面需要用babel-loader進行編譯的包(node_modules的包如果沒做 es6 => es5 轉碼則需要自己用babel-polyfill進行手動處理)

// 如果ie下還跑不起來,控制台發現有其他es6語法的,嘗試除錯去找到底是哪個包

module.exports =

// 根目src/main.js

import

'@babel/polyfill'

;

此配置僅僅打包有效

此配置中的transpiledependencies是解析依賴包

ie的背景色貌似不一樣

ie要自適應貌似 設寬不頂用 (flex)

vue cli es6轉es5 保證瀏覽器相容性

最近開發了乙個專案,開發過程中,由於需要使用了async await 於是發現,只有少數的瀏覽器支援,極大多數的瀏覽器是不支援這玩意的,在網上各種找解決方案,基本都是失敗,最後總結了兩個方案之後,嘗試成功,以下貼出本人實踐方案 1.安裝 npm install s e dev babel prese...

如何快速讓瀏覽器相容ES6特性

今天上午有點時間,所以在更新一篇文章 大家都知道目前es6不是所有瀏覽器都支援的,所以要通過轉碼器先進行轉碼然後再編譯 所以大家在看我部落格的時候可以先安裝了babel轉碼器 如果你還沒安裝 babel 可以使用 npm 來安裝 npm install g babel現在一般都不會安裝成功,因為現在...

如何快速讓瀏覽器相容ES6特性

有災難,就有勇士和救兵,針對es6的相容性問題,很多團隊為此開發出了多種語法解析轉換工具,把我們寫的es6語法轉換成es5,相當於在es6和瀏覽器之間做了乙個翻譯官。比較通用的工具方案有babel,jsx,traceur,es6 shim等。此外,瀏覽器自身也加快速度相容es6的新特性,其中對es6...