Eu escrevi um módulo com es6 e publico no npm, quero usá-lo em outro projeto, então digito assim:

import {ActionButton} from 'rcomponents'

Mas não funcionou:

D:\github\blog\node_modules\rcomponents\src\actionButton.jsx:1
(function (exports, require, module, __filename, __dirname) { import React fro
                                                              ^^^^^^
SyntaxError: Unexpected reserved word
    at exports.runInThisContext (vm.js:73:16)
    at Module._compile (module.js:443:25)
    at Module._extensions..js (module.js:478:10)
    at Object.require.extensions.(anonymous function) [as .jsx] (D:\github\blog\
node_modules\babel\node_modules\babel-core\lib\api\register\node.js:214:7)
    at Module.load (module.js:355:32)
    at Function.Module._load (module.js:310:12)
    at Module.require (module.js:365:17)
    at require (module.js:384:17)
    at D:\github\blog\node_modules\rcomponents\src\index.js:3:19
    at Object.<anonymous> (D:\github\blog\node_modules\rcomponents\src\index.js:
7:3)

Aqui está minha configuração do js loader no webpack:

{ test: /\.jsx?$/, loader: `babel?cacheDirectory=${babelCache}` }

Quando tento importar um módulo que não é danode_modules, babel funciona bem. Mas importe um módulo denode_modules, babel parece não funcionar?