blob: 49f48223e4e6ab4cb613389db824049292bbcd67 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
|
# babel-plugin-transform-class-properties
> This plugin transforms es2015 static class properties as well as properties declared with the es2016 property initializer syntax.
## Example
Below is a class with four class properties which will be transformed.
```js
class Bork {
//Property initializer syntax
instanceProperty = "bork";
boundFunction = () => {
return this.instanceProperty;
}
//Static class properties
static staticProperty = "babelIsCool";
static staticFunction = function() {
return Bork.staticProperty;
}
}
let myBork = new Bork;
//Property initializers are not on the prototype.
console.log(myBork.prototype.boundFunction); // > undefined
//Bound functions are bound to the class instance.
console.log(myBork.boundFunction.call(undefined)); // > "bork"
//Static function exists on the class.
console.log(Bork.staticFunction()); // > "babelIsCool"
```
## Installation
```sh
npm install --save-dev babel-plugin-transform-class-properties
```
## Usage
### Via `.babelrc` (Recommended)
**.babelrc**
```json
// without options
{
"plugins": ["transform-class-properties"]
}
// with options
{
"plugins": [
["transform-class-properties", { "spec": true }]
]
}
```
### Via CLI
```sh
babel --plugins transform-class-properties script.js
```
### Via Node API
```javascript
require("babel-core").transform("code", {
plugins: ["transform-class-properties"]
});
```
## Options
### `spec`
`boolean`, defaults to `false`.
Class properties are compiled to use `Object.defineProperty`. Static fields are now defined even if they are not initialized.
## References
* [Proposal: ES Class Fields & Static Properties](https://github.com/jeffmo/es-class-static-properties-and-fields)
|
