Как подключить и компилить глобальный sass файл в Nuxt.js?

Question

[Сергей Гурджиян]

Как подключить глобальный файл стилей sass к шаблону и компилировать его в Nuxt.js?
Нашёл только как импортировать в каждый компонент, но это не выход.
Плюс не понятно как компилировать его в таком проекте.

Answer 1

[Алексей Орлов]

Вот так

Answer 2

[Сергей Левченко]

nuxt.config.js

css: [
    'normalize.css/normalize.css', // из node__modules
    '@/assets/css/main.styl' // из проекта
  ],

Я использую stylus, но аналогично подключается и less и sass
Плюс нужно установить loader, в вашем случае npm i sass-loader -D

Answer 3

[Сергей Песков]

Выполнить
npm i @nuxtjs/style-resources -D

И добавить в nuxt.config.js

module.exports = { 
  modules: [
    '@nuxtjs/style-resources',
  ],
  styleResources: {
   sass: [
    '~/assets/globals.sass', // путь к вашему файлу
   ],
  },
}