babel-preset-zuzuche

租租车javascript babel预设转换器

Usage no npm install needed!

<script type="module">
  import babelPresetZuzuche from 'https://cdn.skypack.dev/babel-preset-zuzuche';
</script>

README

babel-preset-zuzuche

npm Travis branch GitHub license

租租车javascript babel预设转换器

目前包含的plugins/presets:

安装

$ npm install --save-dev babel-preset-zuzuche

用法

使用 .babelrc 配置 (推荐)

.babelrc

{
  "presets": ["zuzuche"]
}

使用 CLI

$ babel script.js --presets zuzuche

使用 Node API

require("babel-core").transform("code", {
  presets: ["zuzuche"]
});

目标运行环境配置

目前使用 babel-preset-env 来配置支持的运行环境

targets 参数支持多种传递格式，详情查看 babel-preset-env#targets

如需支持更多自定义的运行环境，需了解 browserslist，详情查看 browserlist.

默认运行环境配置：

{
  "presets": [["zuzuche", {
    "targets": {
      "chrome": 45,
      "firefox": 52,
      "safari": 8,
      "ios": 9,
      "android": 4,
      "ie": 9,
      "edge": 12
    }
  }]]
}

只支持国内主流PC端配置：

{
  "presets": [["zuzuche", {
    "targets": ["chrome >= 45", "firefox >= 52", "safari >= 8", "ie >= 9", "edge >= 12"]
  }]]
}

只支持国内主流移动端配置：

{
  "presets": [["zuzuche", {
    "targets": ["iOS >= 9", "Android >= 4", "last 2 ChromeAndroid versions"]
  }]]
}

自定义 babel 配置

为了提供便利性，内置了 presets/plugins 的默认配置，你可以通过 .babelrc 文件进行修改

{
  "presets": [
    ["zuzuche", {
        "env": {},
        "react": {},
        "flow": Boolean,
        "transform-runtime": {},
        "class-properties": {}
    }]
  ]
}