Подключение стилей в Nuxt
Файл main.css с общими правилами
нужно явно указать Nuxt. Для глобальных
таблиц стилей в конфигурации проекта
используют массив css: каждый
элемент списка - путь к файлу,
который попадёт на все страницы.
Откроем nuxt.config.ts в корне
проекта. Префикс ~/ в пути
указывает на каталог app,
так же работает и @/.
После сохранения перезапустим
npm run dev, если сервер уже был
запущен: правила из main.css
применятся ко всему документу, в том
числе к body на любой странице
из app/pages. В массив css
при необходимости можно добавить
несколько файлов - Nuxt подключит
их по порядку. Для учебного проекта
достаточно одного main.css:
export default defineNuxtConfig({
css: ['~/assets/css/main.css']
})
Подключите ваш main.css
через css в nuxt.config.ts
и проверьте базовые стили на двух
разных адресах сайта.
Добавьте в main.css фоновый
цвет для body и убедитесь,
что он виден на всех страницах.
