CSS

Nuxt.js позволяет указать глобальные CSS-файлы/модули/библиотеки (подключённые к каждой странице).

  • Type: Array
    • String | Object

Если элемент типа объект, то параметры следующие:

В nuxt.config.js добавьте ресурсы CSS:

module.exports = {
  css: [
    // Загрузить модуль node.js
    'hover.css/css/hover-min.css',
    // модуль node.js, но с указанием пре-процессора
    { src: 'bulma', lang: 'sass' },
    // CSS-файл в проекте
    '~assets/css/main.css'
  ]
}

В продакшн-версии приложения весь CSS-код будет минимизирован, скомпилирован в файл styles.css и добавлен в блок страницы <head>.

Обнаружили ошибку или хотите внести свой вклад в документацию? Отредактировать эту страницу на GitHub!