Я создаю множество компонентов пользовательского интерфейса для VueJS (таких как кнопки, вводы), и я не хочу делать свой код неэффективным и медленным, поскольку мне приходится постоянно импортировать их везде. Я думаю, что если у меня будет 10 импортов для одного компонента, будет 10 компонентов, повторно использующих один и тот же код и классы CSS, что сделает мой пакет огромным. Это так работает? И есть ли способ, которым я могу импортировать их один раз глобально (как любой CSS класс или глобальная JS функция), чтобы я мог просто вызывать их из любого места?
Более эффективно попытаться избежать компоненты для UI Kits, используя CSS классы и HTML, например, как это?:
<input type="text" class="ui-kit-input">
<!-- or for something like a radio -->
<div class="ui-kit-radio">
<input type="radio">
<label>Male</label>
</div>