Skip to content

dergunovs/vite-lib-code-splitting

Repository files navigation

Vite Library mode Code splitting

Папка dist специально включена для того, чтобы увидеть билд. Каждый файл компонента содержит свои стили. У всех компонентов есть свои d.ts файлы. Все пропсы, включая те, которые используют интерфейсы из внешнего файла, корректно отображаются в конечном приложении.

Также для примера используются дополнительные общие стили, которые не связаны с компонентами. Их можно отдельно импортировать.

Пример импорта в конечном Vue приложении:

<script setup lang="ts">
  import { UiButton, UiInput } from "vite-lib-code-splitting";
</script>

<style>
  @import "vite-lib-code-splitting";
</style>