Как настроить поддержку CSS в Nuxt.js?
1 ответ
от
william_stoltenberg ,
2 месяца назад
@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.
15