How to make all scss files autostart another scss in nuxt?

Question

Sass

Where to put the configuration in the nuxt.config file so that the scss compiler first runs the file with scss variables and only then compiles the desired file?
For everywhere to write @import('../../assets/plugins/_var.scss'); not so cool...

Answer 1

Solution:
There is a plugin for nuxt itself - nuxt-sass-resources-loader
// nuxt.config.js

modules: [
    'nuxt-sass-resources-loader'
  ],
  sassResources: [
    resolve(__dirname, 'assets/_colors.scss')
  ],

Answer 2

Make an index.scss file into
it:

import '../../_var.scss';
import '../my.scss';
import 'huihui.scss';
...

Well, just import all the files. Feed the collector only this file. Mustache.
PS - I don’t rummage in webpack-e, but a colleague on the project set it up so that instead of a long ../../../ ... you can simply write @assets, @components, ... Google it, it’s really pleasing