Пишу про разработку вообще и в частности про: JavaScript, HTML5, CSS3, AngularJS, ReactJS, Agile.

Библиотека компонентов

В жизненном цикле любой разработки наступает момент, когда хочется вынести часть кода в отдельный репозиторий. Потому что уже надоело копировать его из приложения в приложение. А вместо этого хочется просто взять и установить через npm например. Про то как установить через npm поговорим потом, а сегодня – о том как сделать библиотеку компонентов.

В нашем примере есть три компонента, которые мы хотим использовать везде:

Да, пример будет на базе реакта, но какая разница, все тоже самое будет и для всего остального. Сама имплементация этих компонентов не имеет значения, просто предположим, что они лежат в папках рядом и пути до них вот такие:

Для начала нам потребуется файл, который будет их всех импортировать. Это будет наша “точка входа” для сборки.

components.js

Теперь хорошо бы научить IDE работать с файлами. Разумеется, я исхожу из предположения, что вы будете использовать адекватную среду разработки, которая сумеет это переварить и использовать. Так вот формат описания от TypeScript де факто используется многими IDE, можно смело брать и внедрять. Вовсе не обязательно писать при этом на тайпскрипте.

components.d.ts

И самое главное – пишем конфиг для вебпака. Тут есть несколько моментов.

webpack.config.js

Вот и все – можно запускать и использовать.

Поделиться:
comments powered by Disqus