How to correctly set mixins in webpack?

Question

css

Hello, I've never used assemblers, I'm trying to understand from examples.
In the example, the
mixin catalog(data)
.catalog
.catalog__wrapper block
, etc. is written in the pug file like this.
sass file
$parent: catalog;
@include block ($parent) {
position: relative;
display:flex;
justify-content: space-between;
@include element ($parent, 'wrapper') {
max-width: 100%;
flex basis: 100%
transition: max-width 0.2s, flex-basis 0.2s;
etc.
I created a header folder with header.pug and .sass files
when I write styles by analogy and then run npm run build
error Module build failed
No mixin named block

Answer 1

Have you imported the necessary scss files in pug ? And it is very desirable, in such cases, to upload it to the repository, so that at least the source code can be viewed. @import 'file';include file.pug