У нас есть приложение angular 7, в котором мы определили собственный компонент с именем ZisIconComponent
. Мы используем его в другом компоненте следующим образом:
<div class="information">
<zis-icon icon='mark'></zis-icon>{{output.summary}}
</div>
в соответствующем файле scss
мы имеем следующее:
.information {
zis-icon {
margin-right: 10px;
}
}
Это работает точно так, как задумано. Однако Sonarqube (которая является частью нашей корпоративной среды сборки) жалуется на инструкции по стилю:
Неожиданный селектор неизвестного типа "zis-icon" (css: S4670)
Как следствие, наша сборка ломается. Если бы это был файл java, я мог бы решить эту проблему, используя
@SuppressWarning("css:S4670")
, но я не нашел способа сделать то же самое в файлах css / s css.
Поиск по net привел меня к этой записи , но это только показывает, что у кого-то еще возникла та же проблема без решения.
Можно ли это сделать?
Или мое единственное решение - исключение всех файлов css / s css из сонарного анализа?