Как экспортировать модули по умолчанию в index.js barrels

Question

Я пытаюсь экспортировать модули по умолчанию с помощью index.js barrels, но, похоже, не может заставить его работать. Он отлично работает с указанным экспортом, но не по умолчанию.

Упрощенная структура проекта

/hellos 
    /components 
    Hello.js 
    Hellos.js 
    index.js 
    index.js 
App.js 

/hellos/component/Hellos.js

... 
export default Hellos 

/hellos/component/index.js

export * from './Hello'; 
export * from './Hellos'; 

/hellos/index.js

export * from './components' 
export * from './actions' 
export * from './constants' 
export * from './reducers' 

App.js

import Hellos from './hellos' 
console.log(Hellos) // <- undefined 

Модуль Hellos импортирован чуть выше, всегда не определено.

Я могу заставить его работать, используя либо именованный экспорт, либо прямой импорт в App.js i.e. import Hellos from './hellos/component/Hellos', но я считаю эту плохую практику и хочу использовать только import Hellos from '/hellos'.

Я подозреваю, что проблема связана с бочками index.js, но я не могу это решить. Пожалуйста помоги.

Answer 1

Используйте следующую строку:

export { default as MyModule } from 'src/MyModule' 

Надеется, что это соответствует вашим потребностям, веселит

Answer 2

Для тех, кто использует столпотворение

Используйте столпотворение-плагин-преобразующий-экспорт-расширения плагиных как это в вашем .babelrc:

"plugins": [ 
    "babel-plugin-transform-export-extensions", 
    "transform-es2015-modules-commonjs" 
    ] 

А затем установить плагин, как это:

npm install --save-dev babel-plugin-transform-export-extensions 
npm install --save-dev babel-plugin-transform-es2015-modules-commonjs 

Тогда и можно использовать экспорт в index.js просто так:

export simple from './simple'; 
export restClient from './jsonServer'; 
export * from './types'; 

Для тех, кто использует более ранние версии Бабель, просто использовать CommonJS модуль.