Проблема сборки рабочей папки с gulp

Question

Я пытаюсь понять, почему мой стиль имени анимации, который я добавил в моем CSS, не копирует из моей среды разработки в мою производственную среду.

Это код, который находится в моей производственной среде.

@keyframes a {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.site-main__home-links {
    animation: a 2s
}

Это код в моей среде разработки.

@-webkit-keyframes fadeButtons {
 from { opacity: 0; }
 to { opacity: 1; }
}

@keyframes fadeButtons {
 from { opacity: 0; }
 to { opacity: 1; }
}

.site-main__home-links {
 -webkit-animation: fadeButtons 2s;
         animation: fadeButtons 2s;
}

Вот список моего package.json

Answer 1

Потому что кое-что из того, что делает gulp-cssnano, - это сокращение длинных имен, где это возможно, до пробела, поэтому "fadeButtons" было изменено на "a". Это нормально и является частью процесса минификации - это называется "искажение" имен. И ваш код должен работать очень хорошо после этого минификации.

Вам нужно будет просмотреть документацию cssnano, чтобы увидеть, можно ли отключить искажение имен (или определенных указанных имен).