Сторибук. js. Как скомпилировать компоненты как ES5 lib - PullRequest
0 голосов
/ 23 апреля 2020

Я использую Storybook для разработки и тестирования своих компонентов изолированно. Я использую машинопись, Babel и др. c. Все работает как чудо.
Теперь я хочу скомпилировать свои компоненты как библиотеку ES5 (обычную JS) и предоставить ее другим моим внешним проектам.

В основном команда сборки storybook создает целое Сборник рассказов как веб-сайт c, но мне нужна библиотека скомпилированных компонентов.

Основная проблема здесь заключается в том, что сборник рассказов имеет некоторые зависимости в node_modules, которые являются модулями ES6, поэтому babel настроен на их выполнение, пока Typescript обрабатывает мой собственные компоненты.
Так что я не могу просто использовать tsc et c. чтобы скомпилировать мои компоненты, например, папку components, потому что typcript не будет извлекать и компилировать зависимости из node_modules. Они должны быть скомпилированы в ES5, иначе ни один из моих внешних проектов, которым необходимо использовать скомпилированные компоненты сборника рассказов, не сможет их обработать.

Кроме того, у веб-пакета есть свои собственные псевдонимы, поэтому весь зоопарк инструментов должен использоваться во время развертывания. Как это сделать в случае сборника рассказов?
Стоит ли устанавливать веб-пакет и т. Д. c. вручную в сборник рассказов и настроить процесс развертывания отдельно от сборника рассказов?
Могу ли я просто использовать веб-пакет сборника рассказов? (Потому что я уже настроил его с помощью Babel и Typescript).

Спасибо за любую помощь!

1 Ответ

0 голосов
/ 24 апреля 2020

Альтернативный способ здесь - использовать babel-cli и переносить ваши компоненты только как набор файлов

Пример команды:

npx babel src -d lib/ --copy-files

Ссылка на Babel CLI: https://babeljs.io/docs/en/babel-cli AFAIK, конфигурация может включать плагин для машинописи

...