#angular #sass #scss-mixins
Вопрос:
У меня есть такой вспомогательный класс, как этот, но при сборке angular 12 я получил ошибку
Вы пытались проанализировать SCSS с помощью стандартного анализатора CSS; повторите попытку с помощью анализатора postcss-scss
$short-margins: ( top: "mt", left: "ml", bottom: "mb", right: "mr", );
@for $i from 0 through 200 {
@each $position, $prefix in $short-margins{
.#{$prefix}-#{$i} {
margin-#{$position}: single-px-to-rem($i);
}
}
}
Я искал решение для этого
"optimization": {
"scripts": true,
"styles": {
"minify": true,
"inlineCritical": false
},
"fonts": true
}
Может быть, я допустил какую-то синтаксическую ошибку?
Комментарии:
1. Вы уверены, что у вас есть настройки проекта для компиляции scss? Возможно, у вас есть схемы, в которых вместо этого используются файлы .css? Проверьте свой angular.json, найдите что-то похожее
@schematics/angular:component
и добавьте содержимое узла в вопрос.