Angular --prod flag разбивает таблицы стилей компонентов - PullRequest
0 голосов
/ 28 февраля 2020

У меня есть простой компонент, который используется, чтобы показать, отображаются ли данные как 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

Если я запускаю точно такую ​​же команду без --prod:

ng build recommender-portal --aot --output-hashing=none --vendor-chunk --sourceMap=true

значок не сломан и если я проверяю HTML / CSS на странице, это выглядит так: enter image description here

Заключение

Мало что может вспомните о возможных root причинах:

  • Я недавно обновил Angular до 8, что может что-то сломать
  • sort-header.component.s css нет упоминается в angular. json, но я считаю, что он принадлежит только компоненту, так как не хочу, чтобы он был в основных стилях

Однако мне пока не удалось найти что-либо, возможно Я просто пропустил некоторые Это очевидно только потому, что я выгляжу неправильно, поэтому буду рад любым советам или дополнительным вопросам, которые могут указать мне правильный путь.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...