babel-cli的使用 -- ES6轉ES5 （解決瀏覽器兼容問題）

現在ES6盛行，開始大量使用ES6的特性敲代碼，但限於Node.js本身對ES6的特性支持的不夠完備，那麼需要藉助於其他工具來完成。

基本上，現在都直接寫ES6的代碼，然後使用babel-cli提供的babel轉換成ES5或者使用babel-node直接運行ES6的代碼。

雖然網上有好多babel使用的帖子，但是我發現，我按照網上的教程在各別版本的手機上並不好使。

於是記錄一下自己的：

安裝

由於官方一直在變動package名，所以一切參考官方爲主。

安裝：$ npm install --save-dev @babel/cli @babel/core @babel/preset-env @babel/preset-react

安裝完成後，在工作文件夾中創建文件“.babelrc”，內容爲：

{
  "presets": [
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 0.25%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins": ["transform-runtime"],
  "comments": false
}

其實別的文章不一樣的地方  就是這個.babelrc裏的內容。