Update README examples to fix website [skip ci] (#151)

This commit is contained in:
Brian Ng 2017-01-23 17:22:52 -06:00 committed by Henry Zhu
parent 4cefa5bcc0
commit 3e41a2dacb

View File

@ -6,7 +6,7 @@
npm install babel-preset-env --save-dev npm install babel-preset-env --save-dev
``` ```
```js ```json
{ {
"presets": [ "presets": [
["env", { ["env", {
@ -78,7 +78,7 @@ npm install --save-dev babel-preset-env
The default behavior without options runs all transforms (behaves the same as [babel-preset-latest](https://babeljs.io/docs/plugins/preset-latest/)). The default behavior without options runs all transforms (behaves the same as [babel-preset-latest](https://babeljs.io/docs/plugins/preset-latest/)).
```js ```json
{ {
"presets": ["env"] "presets": ["env"]
} }
@ -201,13 +201,17 @@ npm install core-js --save
## Examples ## Examples
### Export with various targets
```js ```js
// src
export class A {} export class A {}
``` ```
```js #### Target only Chrome 52
// target chrome 52
**.babelrc**
```json
{ {
"presets": [ "presets": [
["env", { ["env", {
@ -217,15 +221,20 @@ export class A {}
}] }]
] ]
} }
```
// ... **Out**
```js
class A {} class A {}
exports.A = A; exports.A = A;
``` ```
```js #### Target Chrome 52 with webpack 2/rollup and loose mode
// target chrome 52 with webpack 2/rollup and loose mode
**.babelrc**
```json
{ {
"presets": [ "presets": [
["env", { ["env", {
@ -237,14 +246,19 @@ exports.A = A;
}] }]
] ]
} }
```
// ... **Out**
```js
export class A {} export class A {}
``` ```
```js #### Target specific browsers via browserslist
// using browserslist
**.babelrc**
```json
{ {
"presets": [ "presets": [
["env", { ["env", {
@ -255,18 +269,21 @@ export class A {}
}] }]
] ]
} }
```
// ... **Out**
```js
export var A = function A() { export var A = function A() {
_classCallCheck(this, A); _classCallCheck(this, A);
}; };
``` ```
### Example with `node: true` or `node: "current"` #### Target latest node via `node: true` or `node: "current"`
```js **.babelrc**
// process.versions.node -> 6.9.0
```json
{ {
"presets": [ "presets": [
["env", { ["env", {
@ -276,16 +293,20 @@ export var A = function A() {
}] }]
] ]
} }
```
// ... **Out**
```js
class A {} class A {}
exports.A = A; exports.A = A;
``` ```
### Example with `debug: true` ### Show debug output
```js **.babelrc**
```json
{ {
"presets": [ "presets": [
[ "env", { [ "env", {
@ -299,8 +320,10 @@ exports.A = A;
] ]
} }
``` ```
*stdin*:
``` **stdin**
```sh
Using targets: Using targets:
{ {
"safari": 10 "safari": 10
@ -321,11 +344,11 @@ Using polyfills:
web.dom.iterable {} web.dom.iterable {}
``` ```
### Example with `include`/`exclude` ### Include and exclude specific plugins/built-ins
> always include arrow functions, explicitly exclude generators > always include arrow functions, explicitly exclude generators
```js ```json
{ {
"presets": [ "presets": [
["env", { ["env", {