Babel7 轉碼（一） - 基礎配置

這個系列是 babel7 的轉碼配置，和其它諸多教程可能有不一樣，能夠自行測試驗證有效性。

webpack 搭建文檔： https://webpack.eleven.net.cn

1. 基礎依賴包

   yarn add babel-loader@8 @babel/core -D

   從 babel7 開始，全部的官方插件和主要模塊，都放在了 @babel 的命名空間下。從而能夠避免在 npm 倉庫中 babel 相關名稱被搶注的問題。

2. 在 package.json 同級添加.babelrc 配置文件，先空着。

   {
     "presets": [],  // 預設
     "plugins": []   // 插件
   }

3. package.json 文件能夠聲明須要支持到的瀏覽器版本

   1. package.json 中聲明的 browserslist 能夠影響到 babel、postcss，babel 是優先讀取.babelrc 文件中@babel/preset-env 的 targets 屬性，未定義會讀取 package.json 中的 browserslist。
      爲了統一，在 package.json 中定義。

   2. package.json 中定義（推薦）

      "browserslist": [
        "> 1%",
        "last 2 versions",
        "not ie <= 8"
      ],

      更多定義格式請查看： browserslist

   3. .babelrc 中定義（不推薦）

      {
        "presets": [
          [
            "@babel/preset-env",
            {
              "targets": {
                "chrome": "58",
                "ie": "11"
              }
            }
          ]
        ]
      }