Scoped: rename to @babel/ in readme [skip ci]
This commit is contained in:
parent
dfbbe82598
commit
79ddf12d9d
@ -4,9 +4,9 @@
|
||||
|
||||
|
||||
```javascript
|
||||
var babel = require("babel-core");
|
||||
import { transform } from "babel-core";
|
||||
import * as babel from "babel-core";
|
||||
var babel = require("@babel/core");
|
||||
import { transform } from "@babel/core";
|
||||
import * as babel from "@babel/core";
|
||||
```
|
||||
|
||||
All transformations will use your local configuration files (`.babelrc` or in `package.json`). See [options](#options) to disable it.
|
||||
|
||||
@ -9,8 +9,8 @@ declare export default annotateAsPure(nodeOrPath: Node | NodePath);
|
||||
## Usage
|
||||
|
||||
```js
|
||||
import traverse from "babel-traverse";
|
||||
import annotateAsPure from "babel-helper-annotate-as-pure";
|
||||
import traverse from "@babel/traverse";
|
||||
import annotateAsPure from "@babel/helper-annotate-as-pure";
|
||||
|
||||
// ...
|
||||
|
||||
|
||||
@ -12,7 +12,7 @@ type ElementState = {
|
||||
post?: Function; // function called with (state: ElementState) after building attribs
|
||||
};
|
||||
|
||||
require("babel-helper-builder-react-jsx")({
|
||||
require("@babel/helper-builder-react-jsx")({
|
||||
filter: function (element: JSXElement) {
|
||||
// if returns false, the element isn't transformed
|
||||
},
|
||||
|
||||
@ -5,7 +5,7 @@
|
||||
## Usage
|
||||
|
||||
```javascript
|
||||
import getFixtures from "babel-helper-fixtures";
|
||||
import getFixtures from "@babel/helper-fixtures";
|
||||
|
||||
type TestFile = {
|
||||
loc: string;
|
||||
|
||||
@ -11,42 +11,42 @@ npm install babel-helper-module-imports --save
|
||||
### `import "source"`
|
||||
|
||||
```js
|
||||
import { addSideEffect } from "babel-helper-module-imports";
|
||||
import { addSideEffect } from "@babel/helper-module-imports";
|
||||
addSideEffect(path, 'source');
|
||||
```
|
||||
|
||||
### `import { named } from "source"`
|
||||
|
||||
```js
|
||||
import { addNamed } from "babel-helper-module-imports";
|
||||
import { addNamed } from "@babel/helper-module-imports";
|
||||
addNamed(path, 'named', 'source');
|
||||
```
|
||||
|
||||
### `import { named as _hintedName } from "source"`
|
||||
|
||||
```js
|
||||
import { addNamed } from "babel-helper-module-imports";
|
||||
import { addNamed } from "@babel/helper-module-imports";
|
||||
addNamed(path, 'named', 'source', { nameHint: "hintedName" });
|
||||
```
|
||||
|
||||
### `import _default from "source"`
|
||||
|
||||
```js
|
||||
import { addDefault } from "babel-helper-module-imports";
|
||||
import { addDefault } from "@babel/helper-module-imports";
|
||||
addDefault(path, 'source');
|
||||
```
|
||||
|
||||
### `import hintedName from "source"`
|
||||
|
||||
```js
|
||||
import { addDefault } from "babel-helper-module-imports";
|
||||
import { addDefault } from "@babel/helper-module-imports";
|
||||
addDefault(path, 'source', { nameHint: "hintedName" })
|
||||
```
|
||||
|
||||
### `import * as _namespace from "source"`
|
||||
|
||||
```js
|
||||
import { addNamespace } from "babel-helper-module-imports";
|
||||
import { addNamespace } from "@babel/helper-module-imports";
|
||||
addNamespace(path, 'source');
|
||||
```
|
||||
|
||||
@ -55,7 +55,7 @@ addNamespace(path, 'source');
|
||||
### Adding a named import
|
||||
|
||||
```js
|
||||
import { addNamed } from "babel-helper-module-imports";
|
||||
import { addNamed } from "@babel/helper-module-imports";
|
||||
|
||||
export default function({ types: t }) {
|
||||
return {
|
||||
|
||||
@ -6,8 +6,8 @@
|
||||
|
||||
> Check Babel for an example: https://github.com/babel/babel/tree/master/packages/babel-plugin-transform-exponentiation-operator/test
|
||||
|
||||
1. Inside a `/test` directory, add an `index.js` with the contents `require("babel-helper-plugin-test-runner")(__dirname);`.
|
||||
2. Inside `/test/fixtures`, create a folder for each suite (eg; one suite for each feature of your plugin).
|
||||
1. Inside a `/test` directory, add an `index.js` with the contents `require("@babel/helper-plugin-test-runner")(__dirname);`.
|
||||
2. Inside `/test/fixtures`, create a folder for each suite (eg; one suite for each feature of your plugin).
|
||||
3. Suite folders may contain files and folders. Files will be transformed and run; use `expect()` assertions to verify correct behavior. Folders may contain `actual.js`, `expected.js`, and/or `exec.js`. The output of transforming `actual.js` will be checked to match the contents of `expected.js`. `exec.js`, if it exists, will be transformed and run, as with a file in the suite folder.
|
||||
3. Install and run `mocha`.
|
||||
4. To run a specific test, run `mocha --grep testName`.
|
||||
4. To run a specific test, run `mocha --grep testName`.
|
||||
|
||||
@ -5,7 +5,7 @@
|
||||
## Usage
|
||||
|
||||
```javascript
|
||||
import runFixtures from "babel-helper-transform-fixture-test-runner";
|
||||
import runFixtures from "@babel/helper-transform-fixture-test-runner";
|
||||
|
||||
runFixtures("/User/sebmck/Projects/babel-something/test/fixtures");
|
||||
```
|
||||
|
||||
@ -21,7 +21,7 @@ _wrapper(function () {
|
||||
## Usage
|
||||
|
||||
```js
|
||||
import wrapFunction from "babel-helper-wrap-function";
|
||||
import wrapFunction from "@babel/helper-wrap-function";
|
||||
|
||||
wrapFunction(nodePathOfTheFunction, nodeWhichReferencesToTheWrapper);
|
||||
```
|
||||
|
||||
@ -48,7 +48,7 @@ babel --plugins check-es2015-constants script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["check-es2015-constants"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -27,7 +27,7 @@ babel --plugins external-helpers script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["external-helpers"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -47,7 +47,7 @@ babel --plugins syntax-async-generators script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["syntax-async-generators"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -29,7 +29,7 @@ babel --plugins syntax-class-properties script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["syntax-class-properties"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -29,7 +29,7 @@ babel --plugins syntax-decorators script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["syntax-decorators"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -29,7 +29,7 @@ babel --plugins syntax-do-expressions script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["syntax-do-expressions"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -29,7 +29,7 @@ babel --plugins syntax-dynamic-import script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["syntax-dynamic-import"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -29,7 +29,7 @@ babel --plugins syntax-export-extensions script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["syntax-export-extensions"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -29,7 +29,7 @@ babel --plugins syntax-flow script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["syntax-flow"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -29,7 +29,7 @@ babel --plugins syntax-function-bind script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["syntax-function-bind"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -29,7 +29,7 @@ babel --plugins syntax-function-sent script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["syntax-function-sent"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -29,7 +29,7 @@ babel --plugins syntax-jsx script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["syntax-jsx"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -30,7 +30,7 @@ babel --plugins syntax-numeric-separator script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["syntax-numeric-separator"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -29,7 +29,7 @@ babel --plugins syntax-object-rest-spread script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["syntax-object-rest-spread"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -42,7 +42,7 @@ babel --plugins syntax-optional-catch-binding script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["syntax-optional-catch-binding"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -29,7 +29,7 @@ babel --plugins syntax-optional-chaining script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["syntax-optional-chaining"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -29,7 +29,7 @@ $ babel --plugins syntax-pipeline-operator script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["syntax-pipeline-operator"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -36,7 +36,7 @@ babel --plugins syntax-throw-expressions script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["syntax-throw-expressions"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -27,7 +27,7 @@ babel --plugins syntax-typescript script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["syntax-typescript"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -29,7 +29,7 @@ babel --plugins transform-async-functions script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-async-functions"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -97,7 +97,7 @@ babel --plugins transform-async-generator-functions script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-async-generator-functions"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -50,7 +50,7 @@ babel --plugins transform-async-to-generator script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-async-to-generator"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -64,7 +64,7 @@ babel --plugins transform-async-to-module-method script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-async-to-module-method"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -73,7 +73,7 @@ babel --plugins transform-class-properties script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-class-properties"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -99,7 +99,7 @@ babel --plugins transform-decorators script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-decorators"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -107,7 +107,7 @@ babel --plugins transform-do-expressions script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-do-expressions"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -90,7 +90,7 @@ babel --plugins transform-es2015-arrow-functions script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-es2015-arrow-functions"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -55,7 +55,7 @@ babel --plugins transform-es2015-block-scoped-functions script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-es2015-block-scoped-functions"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -65,7 +65,7 @@ babel --plugins transform-es2015-block-scoping script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-es2015-block-scoping"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -17,7 +17,7 @@ class Test {
|
||||
constructor(name) {
|
||||
this.name = name;
|
||||
}
|
||||
|
||||
|
||||
logger () {
|
||||
console.log("Hello", this.name);
|
||||
}
|
||||
@ -81,7 +81,7 @@ babel --plugins transform-es2015-classes script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-es2015-classes"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -86,7 +86,7 @@ babel --plugins transform-es2015-computed-properties script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-es2015-computed-properties"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -47,7 +47,7 @@ babel --plugins transform-es2015-destructuring script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-es2015-destructuring"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -55,7 +55,7 @@ babel --plugins transform-es2015-duplicate-keys script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-es2015-duplicate-keys"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -78,7 +78,7 @@ babel --plugins transform-es2015-for-of script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-es2015-for-of"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -45,7 +45,7 @@ babel --plugins transform-es2015-function-name script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-es2015-function-name"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -27,7 +27,7 @@ babel --plugins transform-es2015-instanceof script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-es2015-instanceof"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -47,7 +47,7 @@ babel --plugins transform-es2015-literals script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-es2015-literals"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -51,7 +51,7 @@ babel --plugins transform-es2015-modules-amd script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-es2015-modules-amd"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -57,7 +57,7 @@ babel --plugins transform-es2015-modules-commonjs script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-es2015-modules-commonjs"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -67,7 +67,7 @@ babel --plugins transform-es2015-modules-systemjs script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-es2015-modules-systemjs"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -208,7 +208,7 @@ babel --plugins transform-es2015-modules-umd script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-es2015-modules-umd"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -67,7 +67,7 @@ babel --plugins transform-es2015-object-super script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-es2015-object-super"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -68,7 +68,7 @@ babel --plugins transform-es2015-parameters script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-es2015-parameters"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -63,7 +63,7 @@ babel --plugins transform-es2015-shorthand-properties script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-es2015-shorthand-properties"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -59,7 +59,7 @@ babel --plugins transform-es2015-spread script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-es2015-spread"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -43,7 +43,7 @@ babel --plugins transform-es2015-sticky-regex script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-es2015-sticky-regex"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -57,7 +57,7 @@ babel --plugins transform-es2015-template-literals script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-es2015-template-literals"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -47,7 +47,7 @@ babel --plugins transform-es2015-typeof-symbol script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-es2015-typeof-symbol"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -45,7 +45,7 @@ babel --plugins transform-es2015-unicode-regex script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-es2015-unicode-regex"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -43,7 +43,7 @@ babel --plugins transform-es3-member-expression-literals script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-es3-member-expression-literals"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -47,7 +47,7 @@ babel --plugins transform-es3-property-literals script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-es3-property-literals"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -55,7 +55,7 @@ babel --plugins transform-es5-property-mutators script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-es5-property-mutators"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -43,7 +43,7 @@ babel --plugins transform-eval script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-eval"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -52,7 +52,7 @@ babel --plugins transform-exponentiation-operator script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-exponentiation-operator"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -35,7 +35,7 @@ babel --plugins transform-export-default script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-export-default"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -35,7 +35,7 @@ babel --plugins transform-export-namespace script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-export-namespace"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -65,7 +65,7 @@ babel --plugins transform-flow-comments script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-flow-comments"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -43,7 +43,7 @@ babel --plugins transform-flow-strip-types script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-flow-strip-types"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -110,7 +110,7 @@ babel --plugins transform-function-bind script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-function-bind"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -56,7 +56,7 @@ babel --plugins transform-function-sent script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-function-sent"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -51,7 +51,7 @@ babel --plugins transform-jscript script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-jscript"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -98,7 +98,7 @@ babel --plugins transform-new-target script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-new-target"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -10,7 +10,7 @@
|
||||
let budget = 1_000_000_000_000;
|
||||
|
||||
// What is the value of `budget`? It's 1 trillion!
|
||||
//
|
||||
//
|
||||
// Let's confirm:
|
||||
console.log(budget === 10 ** 12); // true
|
||||
```
|
||||
@ -23,21 +23,21 @@ let nibbles = 0b1010_0001_1000_0101;
|
||||
// Is bit 7 on? It sure is!
|
||||
// 0b1010_0001_1000_0101
|
||||
// ^
|
||||
//
|
||||
// We can double check:
|
||||
//
|
||||
// We can double check:
|
||||
console.log(!!(nibbles & (1 << 7))); // true
|
||||
```
|
||||
|
||||
### Hex Literal
|
||||
|
||||
```js
|
||||
// Messages are sent as 24 bit values, but should be
|
||||
// Messages are sent as 24 bit values, but should be
|
||||
// treated as 3 distinct bytes:
|
||||
let message = 0xA0_B0_C0;
|
||||
|
||||
// What's the value of the upper most byte? It's A0, or 160.
|
||||
// We can confirm that:
|
||||
let a = (message >> 16) & 0xFF;
|
||||
let a = (message >> 16) & 0xFF;
|
||||
console.log(a.toString(16), a); // a0, 160
|
||||
|
||||
// What's the value of the middle byte? It's B0, or 176.
|
||||
@ -55,7 +55,7 @@ console.log(c.toString(16), b); // c0, 192
|
||||
|
||||
*hand wave emoji*
|
||||
|
||||
Octals are great for permissions, but also look better when represented in `0o0000` form. No real benefit with separators here.
|
||||
Octals are great for permissions, but also look better when represented in `0o0000` form. No real benefit with separators here.
|
||||
|
||||
## Installation
|
||||
|
||||
@ -84,12 +84,12 @@ babel --plugins transform-numeric-separator script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-numeric-separator"]
|
||||
});
|
||||
```
|
||||
|
||||
## Additional Information
|
||||
## Additional Information
|
||||
|
||||
If you need to further compile ES2015 Decimal, Binary, Hex and Octal number representations to their pre-ES2015 numeric literal form, add the [`"transform-es2015-literals"`](http://babeljs.io/docs/plugins/transform-es2015-literals/) plugin:
|
||||
|
||||
|
||||
@ -54,7 +54,7 @@ babel --plugins transform-object-assign script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-object-assign"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -47,7 +47,7 @@ babel --plugins transform-object-rest-spread script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-object-rest-spread"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -47,7 +47,7 @@ babel --plugins transform-object-set-prototype-of-to-assign script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-object-set-prototype-of-to-assign"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -51,7 +51,7 @@ babel --plugins transform-optional-catch-binding script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-optional-catch-binding"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -108,7 +108,7 @@ babel --plugins transform-optional-chaining script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-optional-chaining"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -29,7 +29,7 @@ $ babel --plugins transform-pipeline-operator script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-pipeline-operator"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -70,7 +70,7 @@ babel --plugins transform-proto-to-assign script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-proto-to-assign"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -95,7 +95,7 @@ babel --plugins transform-react-constant-elements script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-react-constant-elements"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -49,7 +49,7 @@ babel --plugins transform-react-display-name script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-react-display-name"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -72,7 +72,7 @@ babel --plugins transform-react-inline-elements script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-react-inline-elements"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -49,7 +49,7 @@ babel --plugins transform-react-jsx-compat script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-react-jsx-compat"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -43,7 +43,7 @@ babel --plugins transform-react-jsx-self script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-react-jsx-self"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -43,7 +43,7 @@ babel --plugins transform-react-jsx-source script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-react-jsx-source"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -93,7 +93,7 @@ babel --plugins transform-react-jsx script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-react-jsx"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -81,7 +81,7 @@ babel --plugins transform-regenerator script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-regenerator"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -72,7 +72,7 @@ babel --plugins transform-runtime script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-runtime"]
|
||||
});
|
||||
```
|
||||
@ -246,7 +246,7 @@ With the `runtime` transformer, however, it is compiled to:
|
||||
```javascript
|
||||
"use strict";
|
||||
|
||||
var _regenerator = require("babel-runtime/regenerator");
|
||||
var _regenerator = require("@babel/runtime/regenerator");
|
||||
|
||||
var _regenerator2 = _interopRequireDefault(_regenerator);
|
||||
|
||||
@ -289,15 +289,15 @@ into the following:
|
||||
```javascript
|
||||
"use strict";
|
||||
|
||||
var _getIterator2 = require("babel-runtime/core-js/get-iterator");
|
||||
var _getIterator2 = require("@babel/runtime/core-js/get-iterator");
|
||||
|
||||
var _getIterator3 = _interopRequireDefault(_getIterator2);
|
||||
|
||||
var _promise = require("babel-runtime/core-js/promise");
|
||||
var _promise = require("@babel/runtime/core-js/promise");
|
||||
|
||||
var _promise2 = _interopRequireDefault(_promise);
|
||||
|
||||
var _symbol = require("babel-runtime/core-js/symbol");
|
||||
var _symbol = require("@babel/runtime/core-js/symbol");
|
||||
|
||||
var _symbol2 = _interopRequireDefault(_symbol);
|
||||
|
||||
@ -346,7 +346,7 @@ the `runtime` transformer however turns this into:
|
||||
```javascript
|
||||
"use strict";
|
||||
|
||||
var _classCallCheck2 = require("babel-runtime/helpers/classCallCheck");
|
||||
var _classCallCheck2 = require("@babel/runtime/helpers/classCallCheck");
|
||||
|
||||
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
||||
|
||||
|
||||
@ -51,7 +51,7 @@ babel --plugins transform-strict-mode script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-strict-mode"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -37,7 +37,7 @@ babel --plugins transform-throw-expressions script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-throw-expressions"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -48,7 +48,7 @@ babel --plugins transform-typescript script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
plugins: ["transform-typescript"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -29,7 +29,7 @@ babel script.js --presets es2015
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
presets: ["es2015"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -29,7 +29,7 @@ babel script.js --presets es2016
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
presets: ["es2016"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -29,7 +29,7 @@ babel script.js --presets es2017
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
presets: ["es2017"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -47,7 +47,7 @@ babel --presets flow script.js
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
presets: ["flow"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -66,7 +66,7 @@ babel script.js --presets react
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
presets: ["react"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -29,7 +29,7 @@ babel script.js --presets stage-0
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
presets: ["stage-0"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -39,7 +39,7 @@ babel script.js --presets stage-1
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
presets: ["stage-1"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -5,9 +5,9 @@
|
||||
The gist of Stage 2 is:
|
||||
|
||||
> **Stage 2:** draft
|
||||
>
|
||||
>
|
||||
> **What is it?** A first version of what will be in the specification. At this point, an eventual inclusion of the feature in the standard is likely.
|
||||
>
|
||||
>
|
||||
> **What’s required?** The proposal must now additionally have a formal description of the syntax and semantics of the feature (using the formal language of the ECMAScript specification). The description should be as complete as possible, but can contain todos and placeholders. Two experimental implementations of the feature are needed, but one of them can be in a transpiler such as Babel.
|
||||
>
|
||||
> **What’s next?** Only incremental changes are expected from now on.
|
||||
@ -41,7 +41,7 @@ babel script.js --presets stage-2
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
presets: ["stage-2"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -41,7 +41,7 @@ babel script.js --presets stage-3
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
presets: ["stage-3"]
|
||||
});
|
||||
```
|
||||
|
||||
@ -49,7 +49,7 @@ babel --presets typescript script.ts
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
require("@babel/core").transform("code", {
|
||||
presets: ["typescript"]
|
||||
});
|
||||
```
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user