У меня есть библиотека компонентов, написанная на ES6, с index.js
, которая выглядит следующим образом:
export {default as Button} from './Components/BaseComponents/Button';
export {default as TextBox} from './Components/BaseComponents/TextBox';
export {default as CheckBox} from './Components/BaseComponents/CheckBox';
Это устаревший проект с использованием Babel 6, с .babelrc
вроде:
{
"presets": ["env","react"]
}
Выводит трансплантированное index.js
, которое выглядит как:
var _Button = require('./Components/BaseComponents/Button');
Object.defineProperty(exports, 'Button', {
enumerable: true,
get: function get() {
return _interopRequireDefault(_Button).default;
}
});
var _TextBox = require('./Components/BaseComponents/TextBox');
Object.defineProperty(exports, 'TextBox', {
enumerable: true,
get: function get() {
return _interopRequireDefault(_TextBox).default;
}
});
К сожалению, когда я использую эту библиотеку компонентов, например:
import { Button } from 'my-library'
В итоге весь CSS извлекается из библиотеки компонентов. Если я сделаю:
import Button from 'my-library/Components/BaseComponents/Button';
Проблема, естественно, исчезла. Вопрос заключается в следующем: как я могу настроить Babel для переноса моего index.js
таким образом, чтобы я не заканчивал поиск по всем путям / потребностям / разрешению?