babel-plugin-transform-react-remove-prop-types

Remove unnecessary React propTypes from the production build.

Installation

npm install --save-dev babel-plugin-transform-react-remove-prop-types

The problem solved

Remove unnecessary React propTypes from the production build. You can save bandwidth by removing them.

Example

In

const Baz = () => (
  <div />
);

Baz.propTypes = {
  foo: React.PropTypes.string
};

Out

const Baz = () => (
  <div />
);

Usage

Via .babelrc (Recommended)

.babelrc

without options:

{
  "env": {
    "production": {
      "plugins": ["transform-react-remove-prop-types"]
    }
  }
}

with options:

{
  "env": {
    "production": {
      "plugins": ["transform-react-remove-prop-types", {"mode": "wrap"}]
    }
  }
}

Via CLI

babel --plugins transform-react-remove-prop-types script.js

Via Node API

without options:

require('babel-core').transform('code', {
  plugins: [
    'transform-react-remove-prop-types',
  ],
});

with options:

require('babel-core').transform('code', {
  plugins: [
    [
      'transform-react-remove-prop-types',
      {mode: 'wrap'},
    ],
  ],
});

Options

• mode two modes are available
• remove (default): the propTypes definitions are removed from the source code.
• wrap: the propTypes definitions are wrapped with the following code:

if (process.env.NODE_ENV !== "production") {
  Foo.propTypes = {
    bar: React.PropTypes.string,
  };
}

This mode is quite useful for lib authors. However, there is some limitation. We do not support the old React.createClass syntax nor the name less classes yet. In those cases, we keep the propTypes.

License

MIT