https://github.com/zuzuchefe/babel-preset-zuzuche

租租车javascript babel预设转换器
https://github.com/zuzuchefe/babel-preset-zuzuche

babel babel-preset es2015 es6 javascript

Last synced: about 1 month ago
JSON representation

租租车javascript babel预设转换器

• Host: GitHub
• URL: https://github.com/zuzuchefe/babel-preset-zuzuche
• Owner: zuzucheFE
• Created: 2017-12-26T09:33:02.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2022-03-23T17:30:47.000Z (almost 3 years ago)
• Last Synced: 2024-11-30T22:49:09.959Z (about 2 months ago)
• Topics: babel, babel-preset, es2015, es6, javascript
• Language: JavaScript
• Size: 34.2 KB
• Stars: 0
• Watchers: 5
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# babel-preset-zuzuche

[![npm](https://img.shields.io/npm/v/babel-preset-zuzuche.svg)](https://www.npmjs.com/package/babel-preset-zuzuche)

[![Travis branch](https://img.shields.io/travis/zuzucheFE/babel-preset-zuzuche/master.svg)](https://travis-ci.com/zuzucheFE/babel-preset-zuzuche)

[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/kidney/babel-preset-zuzuche/master/LICENSE)

租租车javascript babel预设转换器

目前包含的plugins/presets:

 - [@babel/preset-env](https://www.npmjs.com/package/@babel/preset-env)

 - [@babel/preset-react](https://www.npmjs.com/package/@babel/preset-react)

 - [@babel/preset-typescript](https://www.npmjs.com/package/@babel/preset-typescript)

 - [@babel/plugin-proposal-class-properties](https://www.npmjs.com/package/@babel/plugin-proposal-class-properties)

 - [@babel/plugin-proposal-decorators](https://www.npmjs.com/package/@babel/plugin-proposal-decorators)

 - [@babel/plugin-proposal-nullish-coalescing-operator](https://www.npmjs.com/package/@babel/plugin-proposal-nullish-coalescing-operator)

 - [@babel/plugin-proposal-numeric-separator](https://www.npmjs.com/package/@babel/plugin-proposal-numeric-separator)

 - [@babel/plugin-proposal-optional-chaining](https://www.npmjs.com/package/@babel/plugin-proposal-optional-chaining)

 - [@babel/plugin-proposal-private-methods](https://www.npmjs.com/package/@babel/plugin-proposal-private-methods)

 - [@babel/plugin-proposal-private-property-in-object](https://www.npmjs.com/package/@babel/plugin-proposal-private-property-in-object)

 - [@babel/plugin-transform-runtime](https://www.npmjs.com/package/@babel/plugin-transform-runtime)

 - [babel-plugin-transform-react-remove-prop-types](https://www.npmjs.com/package/babel-plugin-transform-react-remove-prop-types)

## 安装

```sh

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

```

## 用法

### 使用 `.babelrc` 配置 (推荐)

**.babelrc**

```json

{

  "presets": ["zuzuche"]

}

```

### 使用 CLI

```sh

$ babel script.js --presets zuzuche

```

### 使用 Node API

```javascript

require("babel-core").transform("code", {

  presets: ["zuzuche"]

});

```

## 目标运行环境配置

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

`targets` 参数支持多种传递格式，详情查看 [babel-preset-env#targets](https://github.com/babel/babel/tree/master/packages/babel-preset-env)

如需支持更多自定义的运行环境，需了解 `browserslist`，详情查看 [browserlist](https://github.com/ai/browserslist).

默认运行环境配置：

```json

{

  "presets": [["zuzuche", {

    "targets": {

      "chrome": 45,

      "firefox": 52,

      "safari": 8,

      "ios": 9,

      "android": 4,

      "ie": 9,

      "edge": 12

    }

  }]]

}

```

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

```json

{

  "presets": [["zuzuche", {

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

  }]]

}

```

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

```json

{

  "presets": [["zuzuche", {

    "targets": ["iOS >= 12", "Android >= 6", "last 2 ChromeAndroid versions"]

  }]]

}

```

### 自定义 babel 配置

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

```json

{

  "presets": [

    ["zuzuche", {

        "env": {},

        "react": {},

        "transform-runtime": {},

        "class-properties": {},

        "private-methods": {},

        "private-property-in-object": {}

    }]

  ]

}

```