6c03cb0783
# Conflicts: # lerna.json # packages/babel-cli/package.json # packages/babel-core/package.json # packages/babel-generator/package.json # packages/babel-helper-builder-react-jsx/package.json # packages/babel-helper-function-name/package.json # packages/babel-helper-optimise-call-expression/package.json # packages/babel-helper-replace-supers/package.json # packages/babel-helper-transform-fixture-test-runner/package.json # packages/babel-helpers/package.json # packages/babel-plugin-transform-class-properties/package.json # packages/babel-plugin-transform-es2015-block-scoping/package.json # packages/babel-plugin-transform-es2015-classes/package.json # packages/babel-plugin-transform-es2015-modules-commonjs/package.json # packages/babel-plugin-transform-es2015-modules-systemjs/package.json # packages/babel-plugin-transform-es2015-modules-umd/package.json # packages/babel-plugin-transform-es2015-parameters/package.json # packages/babel-plugin-transform-react-jsx/package.json # packages/babel-register/package.json # packages/babel-template/package.json # packages/babel-traverse/package.json # packages/babel/package.json
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.
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
npm install --save-dev babel-plugin-transform-class-properties
Usage
Via .babelrc (Recommended)
.babelrc
// without options
{
"plugins": ["transform-class-properties"]
}
// with options
{
"plugins": [
["transform-class-properties", { "spec": true }]
]
}
Via CLI
babel --plugins transform-class-properties script.js
Via Node API
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.