У меня есть следующий компонент vue Test.vue , и я хотел бы разделить этот css на test.css вместе с другим моим компонентом Home.vue , чтобы быть дома.css.Однако все компилируется в app.css и объединяет все.
<style lang='scss'>
h2 {
color: 1px solid red;
}
</style>
<script>
export default {
name: 'test',
}
</script>
<template>
<div class='Test'>
<h2>test</h2>
</div>
</template>
Я использую это для создания компилятора html и css для другого проекта, поэтому мне не нужно кодировать его, а просто скопироватьструктура из продукта HTML + CSS из этой сборки VUE.Таким образом, я могу просто скопировать эти отдельные файлы test.css и home.css в мою другую систему.Однако сейчас он объединяет стили, и нет разделения на стили для каждого компонента.
Я действительно не знаю, с чего начать разделение CSS, я гуглю часами.
текущий:
dist
--/css
----app.css
желаемый:
dist
--/css
----app.css
----test.css