Can't import whole folder

[Sergi_Kupreishvili]

In sage 9 we can import whole sass folder for example

@import 'folder/**/*';

but here in sage 10 it throws error. Is it a bug or it is not even implemented?

Please help me to make it work.

[strarsis]

This is probably because of the different webpack configuration (laravel-mix is used for high-level webpack configuration) of Sage 10 compared to Sage 9 (and its 9.x update branch):

Laravel Mix import multiple globbed SCSS files into app.scss

[Sergi_Kupreishvili]

Tried but couldn’t be able to make it work.

[Sergi_Kupreishvili]

Found a solution! Follow this simple steps:

1. yarn add import-glob-loader

2. Change webpack.mix.js on line 19 with this code:

    mix.webpackConfig({
   
        module: {
   
          rules: [
   
            {
   
              test: /.scss/,
   
              enforce: 'pre',
   
              loader: 'import-glob-loader'
   
            }
   
          ]
   
        }
   
      })
   
      .sass('resources/styles/app.scss', 'styles')
   
      .sass('resources/styles/editor.scss', 'styles')
   
      .options({
   
        processCssUrls: false,
   
        postCss: [],
   
      });