How to include and compile global sass file in Nuxt.js?

Question

webpack

How to include a global sass stylesheet to a template and compile it to Nuxt.js?
Found only how to import into each component, but this is not an option.
Plus it is not clear how to compile it in such a project.

Answer 1

Like this

Answer 2

Run
npm i @nuxtjs/style-resources -D
And add to nuxt.config.js

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