Update README examples to fix website [skip ci] (#151)
This commit is contained in:
parent
4cefa5bcc0
commit
3e41a2dacb
@ -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", {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user