Как вы знаете, подход "ng g library" помогает нам в создании библиотек повторно используемых компонентов. Но что, если бы я хотел, чтобы эти компоненты были скомпилированы в веб-компоненты... через поддержку Angular Elements? Не только это, но и то, что каждый компонент из библиотеки должен был быть скомпилирован в свою собственную папку или файл JS. Как настроить среду разработки, которая позволила бы мне добиться этого?
Например:
Если я создаю Lib и добавляю пользовательский компонент, я знаю, что могу скомпилировать его, сгенерировав ряд папок, таких как esm5, esm2015, fesm5 и т.д. Теперь возникает вопрос: как добавить, скажем, 30 пользовательских компонентов в мою библиотеку, а затем, когда я скомпилирую, для каждого из них будет создана папка, содержащая их версию веб-компонента... как будто Angular Elements проверила мою библиотеку компонентов и сгенерировала версию каждого из них.,
Как это:
lib/
lib/custom/comp1
lib/custom/comp2
lib/custom/comp3
lib/custom/comp4
Превращается во что-то похожее на:
Dist/
Dist/custom/
Dist/custom/bundle
Dist/custom/esm5
Dist/custom/esm2015
Dist/custom/comp1_web_independend_component_version
Dist/custom/comp2_web_independend_component_version
Dist/custom/comp3_web_independend_component_version
Dist/custom/comp4_web_independend_component_version
Ближайшее решение, которое я нашел, это:
https://medium.com/@rahulsahay19/running-multiple-angular-elements-on-the-same-page-5949dac5523
Я также попросил команду Angular CLI помочь с этим: