Babel7转码-基础配置

Babel 7 转码 - 基础配置

这是最新的 babel 配置,要求你的 @babel/core 版本为 7.4.0 及以上,babel-loader 版本为 8 以上。

  1. 基础依赖包

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

从 babel7 开始,所有的官方插件和主要模块,都放在了 @babel 的命名空间下。从而可以避免在 npm 仓库中 babel 相关名称被抢注的问题。

  1. 在 package.json 同级添加.babelrc 配置文件,先空着。

    {
     "presets": [],  // 预设
     "plugins": []   // 插件
    }
    
  2. 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

    1. .babelrc 中定义(不推荐)

      {
      "presets": [
        [
          "@babel/preset-env",
          {
            "targets": {
              "chrome": "58",
              "ie": "11"
            }
          }
        ]
      ]
      }
      
分享 提问
comments powered by Disqus