Roots Discourse

Can't import whole folder

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.

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):

1 Like

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

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: [],
    
       });