@ma4t

Как правильно задавать миксины в webpack?

Привет, никогда не пользовался сборщиками, пытаюсь понять по примерам.
В примере, так пишется в pug файле блок
mixin catalog(data)
.catalog
.catalog__wrapper
и т.д.
Файл sass
$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;
и т.д.

Я создал папку header с файлами header.pug и .sass
когда по аналогию пишу стили и затем запускаю npm run build
появляется ошибка Module build failed
No mixin named block
  • Вопрос задан
  • 271 просмотр
Решения вопроса 1
wapster92
@wapster92 Куратор тега CSS
А ты импортировал нужные файлы в scss @import 'file'; в pug include file.pug? И очень желательно, в таких случаях заливать в репозиторий, чтобы хотя бы исходники можно было посмотреть.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы