mix.sass does not allow glob params

webpack.mix.js

mix.sass('resources/assets/styles/**/*.scss', 'public/styles')

Let’s say I have 2 files:

resources/assets/styles/app.scss
resources/assets/styles/content/content.scss

when I run the npm run dev it compile the scss into css and “copies” them to public directory:

public/styles/app.css
public/styles/content/content.css

[maxfenton]

Is there a way in that main.scss to use globbing like @import 'components/*.scss' ?

–

Update (2018-09-13) : managed this by adding import-glob-loader to package.json and adding this to webpack.mix.js:

mix.webpackConfig({
  module: {
    rules: [
      {
        test: /\.scss/,
        loader: 'import-glob-loader'
      }
    ]
  }
});

[paper9oll]

Hi thanks for the reply.

Say i got multiple scss files like 20+ for individual pages, does that means i have to declare mix.sass for every single one of scss files?