Recognize babel-plugin-react-transform transformers.

[lijunle]

Related: #44

NPM document: https://www.npmjs.com/package/babel-plugin-react-transform

Example:

{
  "stage": 2,
  "env": {
    "development": {
      "plugins": [
        "react-transform"
      ],
      "extra": {
        "react-transform": {
          "transforms": [{
            "transform": "react-transform-hmr",
            "imports": ["react"],
            "locals":  ["module"]
          }]
        }
      }
    }
  }
}

[lijunle]

It is not supporting Babel 6. In such case, I think it is not worth to invest on it.

I will revisit here after Babel 6 is supported by it.

[zeke]

I ran into a similar issue:

❯ depcheck
Unused Dependencies
* babel-preset-es2015
* babel-preset-react
* babelify

The code in use:

browserify(somePath).transform('babelify', {presets: ['es2015', 'react']})

[smazurov]

babel-plugin-react-transform@2.0.0 is released now. Also, we have a slightly different pattern by using multiple webpack configs:

var baseConfig = require('./webpack.config.base');

// Add the hmr transform to the js(x) loader
baseConfig.module.loaders[0].query = {
  compact: false,
  plugins: [
    // must be an array with options object as second item
    ['react-transform', {
      // must be an array of objects
      transforms: [{
        // can be an NPM module name or a local path
        transform: 'react-transform-hmr',
        // see transform docs for 'imports' and 'locals' dependencies
        imports: ['react'],
        locals: ['module']
      }]
    }]
  ]
};

[lijunle]

Cool! I will take a look after vacation. :)

[lijunle]

@zeke You are hitting a different issue. Could you please open a new issue for that?