Если вы создаете полный продукт с использованием Angular, совершенно очевидно, что вскоре после того, как вы начнете изучать и создавать, вы можете захотеть включить несколько сторонних JS-библиотек. Часто у этих библиотек есть зависимости, например, для календаря или библиотеки выбора изображений может потребоваться jQuery. Таким образом, инициализация и загрузка иногда могут быть сложными для JS, требующего загрузки на основе иерархии.
Во время одного из моих проектов я использовал Webflow в качестве моей CMS, т.е. весь дизайн, анимация и переходы были реализованы внутри проекта webflow. Как и зачем использовать Webflow - тема отдельной статьи. Тем не менее, когда вы экспортируете туда свой проект, он предоставляет вам HTML-шаблоны и другие ресурсы js и изображений, которые необходимо импортировать в проект.
В angular для импорта js по умолчанию мы помещаем их в образец файла angular.json -
Здесь вы можете видеть, что есть 3 разных скрипта: webflow, jquery и скрипты (мой собственный скрипт). Webflow требует, чтобы сначала был загружен jquery, но если вы поместите их в angular.json, некоторые функции веб-потока могут работать не так, как ожидалось. Таким образом, чтобы разрешить конфликт, вы можете удалить веб-поток из файла angular.json и вместо этого загрузить его в scripts.js с помощью команды jQuery ready, и все работает как шарм.
Пожалуйста, не стесняйтесь оставлять свои комментарии / сомнения или улучшения в качестве предложений. Спасибо
