Я написал модуль с es6 и публиковал в npm, я хочу использовать его в другом проекте, поэтому я печатаю вот так:
import {ActionButton} from 'rcomponents'
Но это не сработало:
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)
Вот моя конфигурация js loader в webpack:
{ test: /\.jsx?$/, loader: `babel?cacheDirectory=${babelCache}` }
Когда я пытаюсь импортировать модуль, который не из node_modules
, babel работает хорошо. Но импортировать модуль из node_modules
, babel, похоже, не работает?