最近開發了乙個專案，開發過程中，由於需要使用了async await ，於是發現，只有少數的瀏覽器支援，極大多數的瀏覽器是不支援這玩意的，在網上各種找解決方案，基本都是失敗，最後總結了兩個方案之後，嘗試成功，以下貼出本人實踐方案
1. 安裝 npm install --s**e-dev babel-preset-es2015
2. 安裝 npm install --s**e-dev babel-preset-stage-3
3. 在專案根目錄建立乙個.babelrc檔案 裡面內容 最基本配置是：
],//下面這個是不同階段出現的es語法，包含不同的轉碼外掛程式
"stage-2"],
//下面這個選項是引用外掛程式來處理**的轉換，transform-runtime用來處理全域性函式和優化babel編譯
"plugins": ["transform-runtime"],
//下面指的是在生成的檔案中，不產生注釋
"comments": false,//
下面這段是在特定的環境中所執行的轉碼規則，當環境變數是下面的test就會覆蓋上面的設定
"env":
}}
然後重啟npm run dev 你會發現，可以在其他低版本瀏覽器跑了，基本相容所有瀏覽器，ie8以下除外。而且大多數的手機瀏覽器也ok。
解決方法
第一步： 安裝 babel-polyfill 。 babel-polyfill可以模擬es6使用的環境，可以使用es6的所有新方法
npm install --s**e babel-polyfill
第二步： 在 webpack/browserify/node中使用
在webpack.config.js檔案中，使用
module.exports =};
替換
module.exports =
希望能夠幫到大家
技術大牛的部落格
babel轉碼器 es6新語法轉es5語法
babel轉碼器是不知道某個技術大牛研究出來的，供我們這些技術小白使用的，將es6,es7新語法轉換為es5供其他開發平台解析 在使用 babel 之前 我們先檢測一下當前 node 對 es6 的支援情況。在命令列下執行以下命令安裝 es checker npm install g es chec...
使用Babel轉碼 將es6轉為es5
babel提供babel cli工具，用於命令列轉碼。它的安裝命令如下 全域性安裝,npm install g babel cli 檢視是否安裝成功 babel version在專案根目錄下初始化專案 npm init ybabel的配置檔案是.babelrc，建立個.babelrc名稱的檔案存放在...
vue如何配置相容ie es6轉es5
首先我們的明白為什麼vue在ie上跑步起來，這究竟是道德的淪喪還是人性的扭曲。應該都不是 是ie它就是不支援es6，那麼不支援es6，那es5呢？嗯 算支援吧，那麼明白啊了原因 怎麼解決的呢？小p給大家介紹乙個工具 babel polyfill npm i babel polyfill s 根目ba...