Судя по всему, плагин cssnano пытается навести порядок с z-индексами. Под беспорядком я имею в виду нашу любовь к использованию огромных чисел для z-index собственности, даже если в этом нет необходимости. Так легко поставить 1000 вместо n, не так ли? 1000 точно все побьют! Вот почему плагин cssnano пытается очистить CSS после нас, хотя и не очень умным способом (кстати, это огромная проблема).
В моем случае z-индексы испортились, когда я создавал новые содержащие блоки через position: relative. Мне было очень неприятно видеть, как на экране бесконтрольно плавают блоки. Мне потребовалось некоторое время, чтобы выяснить, почему z-индексы в результирующем файле CSS полностью отличаются от разрабатываемой версии. Запуск сценария gulp изменял мои z-индексы со 100 на что-то странное, например, 8. В любом случае, хороший урок и напоминание о том, чтобы использовать это свойство с большей мудростью.
Итак, если вы столкнетесь с той же проблемой при использовании плагина cssnano, просто небольшой совет - передайте {zindex: false}, как в примере ниже:
require('cssnano')({zindex: false})
Я советую вам сделать это, даже если вы не видите никаких проблем с вашим позиционированием прямо сейчас. Сэкономит ваше время и Чёрт возьми! в функции. Из-за жалоб автор плагина удалит эту функцию из следующей версии v4.0, но пока плагин все еще находится в состоянии предварительной версии, вы можете использовать приведенный выше код.
Спасибо, что остались со мной до этих слов ❤ Я люблю болтать, так что с нетерпением жду вашего ответа. Удачного кодирования!
