@fir-ui/babel-preset-library

Babel preset for fir-ui

📦 包含的预设/插件

• @babel/preset-env

• @babel/plugin-proposal-object-rest-spread

  • 如：const x = { ...y, z }

• @babel/plugin-proposal-class-properties

  • 如：class Test { x = 1 }

• @babel/plugin-proposal-optional-chaining

  • 如：const n = x?.y.z?.a

• fast-async

  • 如：async function list(page) { return await fetch(page) }

• babel-plugin-lodash

  • 如：import { curry } from 'lodash'

📥 安装

yarn add @fir-ui/babel-preset-library -D

🔧 使用

{
  "presets": [
    [
      "@fir-ui/library",
      {
        "loose": true
      }
    ]
  ]
}

配置

选项	类型	默认值	说明
loose	Boolean	true	true：开启宽松模式，生成的代码更简单直接，也更快。 false：生成的代码更符合最新的 ECMAScript 规范，但较笨重。
polyfill	Boolean	false	true：为出现在代码中的，但是在目标环境（浏览器、 Node 等）不支持的语法或对象自动引入垫片。 false：不自动引入垫片。
lodash	Boolean	true	设为 true 即可按需加载 lodash 啦，具体用法看这里：babel-plugin-lodash
env	Object	==>	这是 @babel/preset-env 的默认配置，你可在 env 里覆盖它们： {     "loose": "等于上面的 loose 选项",     "useBuiltIns": "上面的 polyfill 为 true ，则为 usage ，否则为 false",     "exclude": [         "transform-regenerator",         "transform-async-to-generator"     ] }