Я большой поклонник создания компонентов многократного использования и еще не нашел правильного способа сделать это. Возможно ли даже создать отдельные компоненты, которые можно просто добавить в другие приложения Angular, даже если они имеют зависимости, такие как Bootstrap или jQuery?
Пример:
Я скачал красивый шаблон сайта, который я пытаюсь изменить и «разбить на части» для последующего повторного использования отдельных разделов сайта. Это одностраничный веб-сайт, и, скажем, я хочу выделить раздел «Контакты». Этот раздел исчезает с анимацией, как только вы переходите к нему. В его HTML-компоненте есть классы Bootstrap 3, а анимация взята из wowJS, который импортируется в файл index.html углового приложения.
Теперь, если бы я включил этот компонент раздела в другой проект, нет никакого способа узнать, какие у него зависимости (если, конечно, вы не распознаете синтаксис Bootstrap 3 и wowJS в компоненте HTML). Еще одна большая проблема: даже если я найду способ полностью изолировать компонент от остальной части веб-сайта, то после объединения нескольких компонентов на новый веб-сайт все общие зависимости будут загружаться несколько раз. Я предполагаю, что если вы используете инструменты только для Angular, то вполне возможно создавать собственные, полностью автономные повторно используемые компоненты. Но с внешними зависимостями все, что я могу сделать, это включить файл readme в каждый компонент и вывести список зависимостей?
Я много гуглил по этой теме и не нашел ответов, которые искал. Надеюсь, кто-нибудь может мне помочь!