Adds vendor prefixes to styles in React elements
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.bin
.gitignore
.npmignore
.travis.yml
README.md
index-test.js
index.js
package.json

README.md

babel-plugin-react-autoprefix

Adds vendor prefixes to inline styles in React elements through autoprefix.

Build Status

Installation

$ npm install babel-plugin-react-autoprefix

Usage

Via .babelrc (Recommended)

.babelrc

{
  "plugins": ["react-autoprefix"]
}

Via CLI

$ babel --plugins react-autoprefix script.js

Via Node API

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

Changing the matching pattern

The plugin will match style props by default. If you want to match other props, like styleSomething, you can use the plugin's matcher option, e.g. in .babelrc:

{
  "plugins": ["react-autoprefix", { matcher: /^style.*$/ }]
}