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" 

npm install --save-dev babel-plugin-transform-class-properties

// without options
{
  "plugins": ["transform-class-properties"]
}
 
// with options
{
  "plugins": [
    ["transform-class-properties", { "spec": true }]
  ]
}

babel --plugins transform-class-properties script.js

require("babel-core").transform("code", {
  plugins: ["transform-class-properties"]
});

• hzoo published 2017-04-07T15:19:33.202Z
• 6.24.1 is the latest of 46 releases
• github.com/babel/babel/tree/master/packages/babel-plugin-transform-class-properties
• MIT

Collaborators list

• 
• 
• 
• 
• 
• 

Stats

• 186801 downloads in the last day
• 1013420 downloads in the last week
• 4190458 downloads in the last month

Try it out

• Test babel-plugin-transform-class-properties in your browser.

Keywords

babel-plugin

Dependencies (4)

babel-helper-function-name, babel-plugin-syntax-class-properties, babel-runtime, babel-template

Dependents (1351)

tyranid, wag-cli, babel-preset-clarketm-react-app, bundilio, plp, @tkloht/react-component-scripts, babel-preset-benzinga, 3d-fish-editor, @riim/babel-preset, babel-preset-akofman-react-app, streamline-helpers, n4, @ksmithut/client-build, react-scripts-custom-dpoineau, Dashboard, xsky-react-scripts, spirited, storefinder, generate-pdf, babel-preset-bro, es6cube, ColeTownsend, evv-platform, babel-preset-opencollective, express-hogan-cache, babel-preset-calebmer, babel-preset-extplug, esm, oxygen-ui, babel-preset-react-plus, @tgdn/react-dropdown, react-ts-scripts, babel-env, babel-preset-focus, reactcards, babel-preset-porch, electron-react-scripts, mimosa-babel6, array-to-stack, create-react-redux-app, przeor, babel-preset-pundits, saffron-sass-bundle, babel-preset-react-native-with-decorator, @morlay/babel-presets, pink, babel-preset-ibe, oxygen-md-svg-icons, table-styles, todoapplication, and more