Webpack sass loader does not recognize global variables file

Question

i have this sass directory:

- _vars.scss
- main.scss

//vars.scss

$base-container: 1400px;

//main.scss

Answer 1

If you have Webpack 5 you have to use additionalData, the other options are not valid now:

  {
      loader: 'sass-loader',
      options: {
        additionalData: '@import path/to/general.sass',
      }
  },

If you do like this your general sass or scss file will get prepended