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'

}
}