@babel/plugin-transform-destructuring
Advanced tools
Comparing version 7.0.0-beta.49 to 7.0.0-beta.50
| { | ||
| "name": "@babel/plugin-transform-destructuring", | ||
| "version": "7.0.0-beta.49", | ||
| "version": "7.0.0-beta.50", | ||
| "description": "Compile ES2015 destructuring to ES5", | ||
@@ -12,3 +12,3 @@ "repository": "https://github.com/babel/babel/tree/master/packages/babel-plugin-transform-destructuring", | ||
| "dependencies": { | ||
| "@babel/helper-plugin-utils": "7.0.0-beta.49" | ||
| "@babel/helper-plugin-utils": "7.0.0-beta.50" | ||
| }, | ||
@@ -19,5 +19,5 @@ "peerDependencies": { | ||
| "devDependencies": { | ||
| "@babel/core": "7.0.0-beta.49", | ||
| "@babel/helper-plugin-test-runner": "7.0.0-beta.49" | ||
| "@babel/core": "7.0.0-beta.50", | ||
| "@babel/helper-plugin-test-runner": "7.0.0-beta.50" | ||
| } | ||
| } |
@@ -5,101 +5,16 @@ # @babel/plugin-transform-destructuring | ||
| ## Examples | ||
| See our website [@babel/plugin-transform-destructuring](https://new.babeljs.io/docs/en/next/babel-plugin-transform-destructuring.html) for more information. | ||
| **In** | ||
| ## Install | ||
| ```javascript | ||
| let {x, y} = obj; | ||
| Using npm: | ||
| let [a, b, ...rest] = arr; | ||
| ``` | ||
| **Out** | ||
| ```javascript | ||
| function _toArray(arr) { ... } | ||
| let _obj = obj, | ||
| x = _obj.x, | ||
| y = _obj.y; | ||
| let _arr = arr, | ||
| _arr2 = _toArray(_arr), | ||
| a = _arr2[0], | ||
| b = _arr2[1], | ||
| rest = _arr2.slice(2); | ||
| ``` | ||
| ## Installation | ||
| ```sh | ||
| npm install --save-dev @babel/plugin-transform-destructuring | ||
| npm install --save @babel/plugin-transform-destructuring | ||
| ``` | ||
| ## Usage | ||
| or using yarn: | ||
| ### Via `.babelrc` (Recommended) | ||
| **.babelrc** | ||
| ```json | ||
| { | ||
| "plugins": ["@babel/plugin-transform-destructuring"] | ||
| } | ||
| ``` | ||
| ### Via CLI | ||
| ```sh | ||
| babel --plugins @babel/plugin-transform-destructuring script.js | ||
| yarn add --save @babel/plugin-transform-destructuring | ||
| ``` | ||
| ### Via Node API | ||
| ```javascript | ||
| require("@babel/core").transform("code", { | ||
| plugins: ["@babel/plugin-transform-destructuring"] | ||
| }); | ||
| ``` | ||
| ## Options | ||
| ### `loose` | ||
| `boolean`, defaults to `false`. | ||
| Enabling this option will assume that what you want to destructure is an array and won't use `Array.from` on other iterables. | ||
| ### `useBuiltIns` | ||
| `boolean`, defaults to `false`. | ||
| Enabling this option will use `Object.assign` directly instead of the Babel's `extends` helper. | ||
| ##### Example | ||
| **.babelrc** | ||
| ```json | ||
| { | ||
| "plugins": [ | ||
| ["@babel/plugin-transform-destructuring", { "useBuiltIns": true }] | ||
| ] | ||
| } | ||
| ``` | ||
| **In** | ||
| ```js | ||
| var { ...x } = z; | ||
| ``` | ||
| **Out** | ||
| ```js | ||
| var _z = z, | ||
| x = Object.assign({}, _z); | ||
| ``` | ||
| ## References | ||
| * [MDN: Destructuring assignment](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment) |
No alert changes
Worsened metrics
- Total package byte prevSize
- decreased by-6.62%
16274
- Number of package files
- decreased by-25%
3
- Number of lines in readme file
- decreased by-80.95%
20
Dependency changes
+ Added@babel/helper-plugin-utils@7.0.0-beta.50(transitive)
- Removed@babel/helper-plugin-utils@7.0.0-beta.49(transitive)