Разработка веб-компонентов с внешними зависимостями?

Question

Я хотел бы создать веб-компонент, который представляет собой автозаполняемый комбинированный список, но поскольку изначально такой вещи не существует, считается ли плохой практикой создание веб-компонента, который также зависит от сторонней библиотеки или библиотек?

У меня была небольшая вовлеченность в Polymer год назад, и теперь, когда версия v1 отсутствует, я снова на них смотрю.Мне кажется, что большинство людей разрабатывают веб-компоненты, которые на 100% состоят из простого javascript без внешних зависимостей, но, учитывая состояние доступных элементов управления пользовательским интерфейсом, это могло бы сделать некоторые очень простые компоненты Jane.

Answer 1

Есть два способа справиться с этим. ХОРОШО. Может быть, больше, но я покажу два.

1) Положитесь на импорт ES6, и тогда ваши компоненты просто будут использовать команду «импортировать что-то из» ./somefile.js ». Да, вам нужно будет предоставить как компонент, так и библиотеку или ссылаться на библиотеку, поддерживающую импорт ES6. Но это предотвращает удвоение кода.

2) Упакуйте свои компоненты с их зависимостями. Некоторые люди используют такие вещи, как Webpack, но я чувствовал, что это заходит слишком далеко, поэтому я создал component-build-tools , чтобы позволить вам писать ваши компоненты, используя import, но затем объединять части компонентов в один файл , Это позволяет загружать компоненты в любой браузер, даже если они не поддерживают import. Ограничение здесь заключается в том, что вам нужно загружать файлы комбинированных компонентов в правильном порядке Для большинства проектов это не сложно, но это то, чем вам нужно управлять.