Как запретить NuxtJS объединять все файлы CSS ⇐ CSS

[Anonymous]

Я создаю веб-сайт на NuxtJS, и у меня есть две страницы: index.vue и blog.vue, каждая из которых имеет собственный внешний CSS-файл в каталоге ресурсов под тем же именем, что и файл vue (index.css). и blog.css).
Однако, когда я запускаю команду dev и тестирую веб-сайт, стили из соответствующего blog.css переопределяют те же стили из файла index.css, несмотря на то, что файл index.vue импортирует только файл index.css.
Лучший пример — стили неупорядоченного списка, где в index.css он установлен с типом стиля списка: none;, а в blog.css — установлен тип стиля списка: круг;
Связанный код:
index.vue

Код: Выделить всё

import "~/assets/css/index.css";

index.css

Код: Выделить всё

ul {
list-style-type: none;
}

blog.vue

Код: Выделить всё

import "../assets/css/blog.css";

blog.css

Код: Выделить всё

ul {
list-style-type: circle;
}

Вместо этого я пробовал использовать встроенные теги, используя каталог /public вместо /assets и даже устанавливая для параметра ExtractCSS веб-пакета значение true и false, чтобы посмотреть, изменится ли он. что угодно.

Подробнее здесь: https://stackoverflow.com/questions/783 ... -css-files