aboutsummaryrefslogtreecommitdiff
path: root/node_modules/@babel/plugin-transform-computed-properties/README.md
diff options
context:
space:
mode:
authorruki <waruqi@gmail.com>2018-11-08 00:38:48 +0800
committerruki <waruqi@gmail.com>2018-11-07 21:53:09 +0800
commit26105034da4fcce7ac883c899d781f016559310d (patch)
treec459a5dc4e3aa0972d9919033ece511ce76dd129 /node_modules/@babel/plugin-transform-computed-properties/README.md
parent2c77f00f1a7ecb6c8192f9c16d3b2001b254a107 (diff)
downloadxmake-docs-26105034da4fcce7ac883c899d781f016559310d.tar.gz
xmake-docs-26105034da4fcce7ac883c899d781f016559310d.zip
switch to vuepress
Diffstat (limited to 'node_modules/@babel/plugin-transform-computed-properties/README.md')
-rw-r--r--node_modules/@babel/plugin-transform-computed-properties/README.md130
1 files changed, 130 insertions, 0 deletions
diff --git a/node_modules/@babel/plugin-transform-computed-properties/README.md b/node_modules/@babel/plugin-transform-computed-properties/README.md
new file mode 100644
index 00000000..0a420ba0
--- /dev/null
+++ b/node_modules/@babel/plugin-transform-computed-properties/README.md
@@ -0,0 +1,130 @@
+# @babel/plugin-transform-computed-properties
+
+> Compile ES2015 computed properties to ES5
+
+## Example
+
+**In**
+
+```js
+var obj = {
+ ["x" + foo]: "heh",
+ ["y" + bar]: "noo",
+ foo: "foo",
+ bar: "bar"
+};
+```
+
+**Out**
+
+```js
+var _obj;
+
+function _defineProperty(obj, key, value) {
+ if (key in obj) {
+ Object.defineProperty(obj, key, {
+ value: value,
+ enumerable: true,
+ configurable: true,
+ writable: true
+ });
+ } else {
+ obj[key] = value;
+ }
+
+ return obj;
+}
+
+var obj = (
+ _obj = {},
+ _defineProperty(_obj, "x" + foo, "heh"),
+ _defineProperty(_obj, "y" + bar, "noo"),
+ _defineProperty(_obj, "foo", "foo"),
+ _defineProperty(_obj, "bar", "bar"),
+ _obj
+);
+```
+
+## Installation
+
+```sh
+npm install --save-dev @babel/plugin-transform-computed-properties
+```
+
+## Usage
+
+### Via `.babelrc` (Recommended)
+
+**.babelrc**
+
+Without options:
+
+```json
+{
+ "plugins": ["@babel/plugin-transform-computed-properties"]
+}
+```
+
+With options:
+
+```json
+{
+ "plugins": [
+ ["@babel/plugin-transform-computed-properties", {
+ "loose": true
+ }]
+ ]
+}
+```
+
+### Via CLI
+
+```sh
+babel --plugins @babel/plugin-transform-computed-properties script.js
+```
+
+### Via Node API
+
+```javascript
+require("@babel/core").transform("code", {
+ plugins: ["@babel/plugin-transform-computed-properties"]
+});
+```
+
+## Options
+
+### `loose`
+
+`boolean`, defaults to `false`
+
+Just like method assignment in classes, in loose mode, computed property names
+use simple assignments instead of being defined. This is unlikely to be an issue
+in production code.
+
+#### Example
+
+***In***
+
+```js
+var obj = {
+ ["x" + foo]: "heh",
+ ["y" + bar]: "noo",
+ foo: "foo",
+ bar: "bar"
+};
+```
+
+***Out***
+
+```js
+var _obj;
+
+var obj = (
+ _obj = {},
+ _obj["x" + foo] = "heh",
+ _obj["y" + bar] = "noo",
+ _obj.foo = "foo",
+ _obj.bar = "bar",
+ _obj
+);
+```