Когда вы пытаетесь использовать псевдоэлементы в медиа выражении в Gulp.js с помощью SASS, возникают проблемы с компиляцией и файлы теряются. Чтобы решить эту проблему, вам потребуется несколько этапов.
1. Убедитесь, что ваша среда настроена правильно: Убедитесь, что у вас установлены все необходимые зависимости и правильно настроены плагины Gulp.js и SASS. Проверьте ваш package.json файл и убедитесь, что вы установили все необходимые модули и их версии совместимы друг с другом.
2. Проверьте ваши настройки Gulp.js: Проверьте, что ваша конфигурация Gulp.js правильно настроена для компиляции SASS файлов. Убедитесь, что вы правильно указали ваши исходные файлы, пути к файлам вывода и правила компиляции.
3. Разделите ваш код: Разделите свой код на несколько файлов, чтобы псевдоэлементы и медиа выражения находились в разных файлах. Таким образом, компилятор SASS будет иметь возможность корректно работать с псевдоэлементами, а затем применять к ним медиа выражения.
4. Используйте другие средства работы: Рассмотрите возможность использования других средств для обработки CSS, таких как PostCSS или Autoprefixer. Эти инструменты могут помочь вам автоматически добавлять префиксы для псевдоэлементов и обрабатывать медиа выражения.
5. Проверьте консоль разработчика: Если вы все еще сталкиваетесь с проблемой, проверьте консоль разработчика веб-браузера на наличие ошибок или предупреждений. Возможно, у вас есть другие проблемы, вызывающие ошибку компиляции.
6. Обратитесь за помощью: Если вы все еще испытываете трудности, рассмотрите возможность обратиться за помощью в сообществе разработчиков Gulp.js или SASS. Возможно, у них есть опыт решения подобных проблем.
Надеюсь, что эти шаги помогут вам разрешить проблему с компиляцией SASS файлов с псевдоэлементами и медиа выражениями в Gulp.js.