У меня есть простой компонент, который используется, чтобы показать, отображаются ли данные как C или DES C. Этот простой компонент имеет некоторую логику c внутри, но для этого более важного случая он имеет свой собственный styleUrls. К сожалению, с параметром --prod указывается, что стили не создаются правильно.
Мой компонент выглядит следующим образом:
@Component({
selector: 'sort-header, [sort-header]',
templateUrl: 'sort-header.component.html',
styleUrls: ['./sort-header.component.scss'],
})
export class SortHeaderComponent implements OnInit {/* Component BODY */}
Если мы посмотрим на стили, это очень просто:
.sort-header-container {
& a {
display: inline-block;
position: relative;
text-decoration: none;
&:after {
position: absolute;
top: 2px;
right: -19px;
font-style: normal;
font-weight: normal;
font-family: monster;
line-height: 1;
padding: 0 4px;
speak: none;
-webkit-font-smoothing:antialiased;
}
&.sort-asc:after {
content: '\E0AA';
}
&.sort-desc:after {
content: '\E0A8';
}
}
}
Результаты команд:
Если я запускаю команду:
ng build recommender-portal --prod --aot --output-hashing=none --vendor-chunk --sourceMap=true
значок, который должен отображаться, не работает, и если я проверяю HTML / CSS на странице содержимого выглядит так: ![enter image description here](https://i.stack.imgur.com/jLyyC.png)
Если я запускаю точно такую же команду без --prod:
ng build recommender-portal --aot --output-hashing=none --vendor-chunk --sourceMap=true
значок не сломан и если я проверяю HTML / CSS на странице, это выглядит так: ![enter image description here](https://i.stack.imgur.com/vQLOD.png)
Заключение
Мало что может вспомните о возможных root причинах:
- Я недавно обновил Angular до 8, что может что-то сломать
- sort-header.component.s css нет упоминается в angular. json, но я считаю, что он принадлежит только компоненту, так как не хочу, чтобы он был в основных стилях
Однако мне пока не удалось найти что-либо, возможно Я просто пропустил некоторые Это очевидно только потому, что я выгляжу неправильно, поэтому буду рад любым советам или дополнительным вопросам, которые могут указать мне правильный путь.