vue2.0在android5.0白屏， es6轉es5保證瀏覽器兼容性

1. 安裝 npm install --save-dev babel-preset-es2015

2. 安裝 npm install --save-dev babel-preset-stage-3

3. 在項目根目錄建立一個.babelrc文件（ES6轉ES5配置）  裏面內容 最基本配置是：

{
    // 此項指明，轉碼的規則
　　"presets": [
　　// env項是藉助插件babel-preset-env，下面這個配置說的是babel對es6,es7,es8進行轉碼，而且設置amd,commonjs這樣的模塊化文件，不進行轉碼
　　["env", { "modules": false }],
　　// 下面這個是不一樣階段出現的es語法，包含不一樣的轉碼插件
　　"stage-2"
　　],
　　// 下面這個選項是引用插件來處理代碼的轉換，transform-runtime用來處理全局函數和優化babel編譯
　　"plugins": ["transform-runtime"],
　　// 下面指的是在生成的文件中，不產生註釋
　　"comments": false,
　　// 下面這段是在特定的環境中所執行的轉碼規則，當環境變量是下面的test就會覆蓋上面的設置
　　"env": {
　　// test 是提早設置的環境變量，若是沒有設置BABEL_ENV則使用NODE_ENV，若是都沒有設置默認就是development
　　"test": {
    "presets": ["env", "stage-2"],
    // instanbul是一個用來測試轉碼後代碼的工具
    "plugins": ["istanbul"]
    }
    }
}    

而後重啓npm run dev  你會發現，能夠在其餘低版本瀏覽器跑了，基本兼容全部瀏覽器，ie8如下除外。並且大多數的手機瀏覽器也ok。

 

IE報vuex requires a Promise polyfill in this browser問題解決

解決方法
第一步： 安裝 babel-polyfill 。 babel-polyfill能夠模擬ES6使用的環境，能夠使用ES6的全部新方法

npm install --save babel-polyfill

第二步： 在 Webpack/Browserify/Node中使用

在webpack.config.js文件中，使用

module.exports = {
entry: {

app: ["babel-polyfill", "./src/main.js"]

}
};

替換

module.exports = {
entry: {

app: './src/main.js'

}}