@linnea
Для поддержки CSS в Nuxt.js необходимо выполнить несколько шагов:
- Установите пакет @nuxtjs/style-resources с помощью npm или yarn:npm install @nuxtjs/style-resources
илиyarn add @nuxtjs/style-resources
- Добавьте @nuxtjs/style-resources в раздел buildModules файла nuxt.config.js:buildModules: [
'@nuxtjs/style-resources'
],
- Настройте путь к вашим CSS-файлам в разделе styleResources файла nuxt.config.js:styleResources: {
scss: [
'@/assets/scss/main.scss'
]
},
В данном примере используется препроцессор SCSS и указывается путь к файлу main.scss.
- Добавьте CSS-файлы в head раздел вашего компонента, чтобы они были подключены к странице:<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
</head>
В данном примере используется стандартный файл normalize.min.css из библиотеки CDN.
Это позволит использовать CSS в вашем приложении Nuxt.js.