Why when in a galp I run such code through sass, does it give an error?

Checking the contents after the contest

enter image description here

Error: ".navbar" failed to @extend "navbar-light". The selector "navbar-light" was not found. Use "@extend navbar-light !optional" if the extend should be able to fail. on line 10 of temp/all.scs

It seems because the imports did not work, but why didn’t they work?

navbar-light is a class from bootstrap / scss / bootstrap


If I delete a line from gulp.src 'app / blocks / ** / *. scss' , then the imports go through and the code is successfully assembled, but I need the style files from 'app / blocks / ** / *. scss' . Actually from 'app / blocks / ** / *. scss' class .navbar is connected

Galp task looks like this enter image description here


If I understand correctly, I need to do something to complete all the imports and then connect the concatenate blocks from 'app / blocks / ** / *. scss' but it looks like a crutch

  • Make all the necessary imports in one file (app.scss) and compile it, the imports will be inserted in the order in which you wrote them in the file. If you write /**/*.scss it does not import files, but compiles each file separately. - stackanon
  • This option is not suitable for TC in app / blocks / ** / *. Scss can be more than 100 files. Not an option to import them into app.scss. Can there be another solution? app.scss for libraries, personal mixins, variables and in blocks / ** / *. scss there are no imports only styles for classes - HelpaMnePlz
  • or you need to do something like this so that in app.scss you can use the @import blocks / ** / *. scss mask - HelpaMnePlz
  • about "it does not import files, but compiles each file separately." I use concat and only then I compile - HelpaMnePlz

0