Проблема с кодировкой файлового наблюдателя SCSS

Я уже давно использую файловый наблюдатель SASS/SCSS в своем ide, и в последние несколько дней у меня были проблемы с кодировкой. На данный момент я работаю с другим разработчиком над программным обеспечением, и мы используем систему git для обработки файлов. Несколько дней назад я вытащил обновление из git и sice, но, похоже, что-то не так с кодировкой из файлов scss в файлы css. Например: когда файловый наблюдатель компилирует файлы scss с потрясающими шрифтами в css, он меняет вывод:

.fa-angle-left:before {
    content: "\f104";
}

to:

.fa-angle-left:before {
    content: "";
}

Пробовал менять кодировку файлов, ничего не помогает. Кто-нибудь знает, как я могу решить эту проблему? Спасибо


css sass file-watcher
person Dennis    schedule 07.05.2020    source источник
comment
Можете ли вы добавить немного контекста к этому значению и тому, для чего вы его используете?   -  person disinfor    schedule 07.05.2020
comment
@disinfor Мы используем средство просмотра файлов для компиляции файлов font-awesome-scss в обычные файлы scss. После компиляции scss-файлов обычный css-код теперь выглядит совсем по-другому. Я только что отредактировал код в своем вопросе, надеясь, что это даст лучший пример того, что происходит не так.   -  person Dennis    schedule 08.05.2020

Ответы (1)


arrow_upward
1
arrow_downward

Попробуйте изменить содержимое класса примерно так:

.fa-angle-left:before {
    content: " #{'\f104'}";
}

и попробуйте добавить это в начало вашего файла scss:

@charset "utf-8";

Источник: ошибка GitHub

person Jay    schedule 07.05.2020
comment
Спасибо за ваш ответ. Я пытаюсь исправить файловый наблюдатель, чтобы эта проблема вообще не возникала. Поскольку я время от времени загружаю файлы font-awesome-scss, чтобы обновлять их, было бы много работы, чтобы сделать это вручную. Мне просто нужно выяснить, почему еще несколько дней назад все работало, а теперь это происходит. Я просто не понимаю. Но спасибо в любом случае. - person Dennis; 08.05.2020
comment
Вы указали @charset вверху файла? - person Jay; 08.05.2020
comment
Нет. Вы имеете в виду файлы scss? - person Dennis; 08.05.2020
comment
В верхней части вашего scss поставьте @charset "utf-8"; - person Jay; 08.05.2020
comment
Спасибо за подсказку. Это сделало это. Хотите отредактировать свой ответ, чтобы я мог отметить его как наиболее полезный? Спасибо. - person Dennis; 08.05.2020