Как настроить поддержку CSS в Nuxt.js?

Пользователь

от linnea , в категории: JavaScript , 2 месяца назад

Как настроить поддержку CSS в Nuxt.js?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от william_stoltenberg , 2 месяца назад

@linnea 

Для поддержки CSS в Nuxt.js необходимо выполнить несколько шагов:

  1. Установите пакет @nuxtjs/style-resources с помощью npm или yarn:npm install @nuxtjs/style-resources илиyarn add @nuxtjs/style-resources
  2. Добавьте @nuxtjs/style-resources в раздел buildModules файла nuxt.config.js:buildModules: [ '@nuxtjs/style-resources' ],
  3. Настройте путь к вашим CSS-файлам в разделе styleResources файла nuxt.config.js:styleResources: { scss: [ '@/assets/scss/main.scss' ] }, В данном примере используется препроцессор SCSS и указывается путь к файлу main.scss.
  4. Добавьте 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.