lavezzi1
@lavezzi1

Почему css написанный в компонентах попадает в после билда?

Здравствуйте. Собрал библиотеку компонентов vue с помощью rollup, импортирую в приложение:

import { VButton } from '@compnany/ui';

Сама кнопка выглядит как то так, упростил для примерa:

<template>
  <button class="v-button">
      <slot/>
  </button>
</template>

<script>
export default {}
</script>

<style lang="postcss">
.v-button {
  background-color: red;
}
.v-button:hover {
  background-color: blue;
}
</style>


Все прекрасно работает, но! Почему то код делаю билд проекта, css компонента попадает в <style> тег страницы, а не в css файл. Проект развернут на vue-cli последней версии.

В идеале, хотелось бы чтобы css конкретного компонента попадал в бандл страницы (использую lazy load в router).
  • Вопрос задан
  • 32 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы