Имя шрифта SCSS превращается в шестнадцатеричное - PullRequest
1 голос
/ 12 июня 2019

Здравствуйте! Я использую NuxtJS с загрузчиком Sass и при nuxt generate для создания статических файлов подкачки, CSS get неправильно скомпилирован.

      "node-sass": "^4.12.0",
      "nuxt": "^2.4.0",
      "sass-loader": "^7.1.0",

При тестировании с помощью npm run dev на моей локальной машине, все работает отлично.

вот мой исходный стиль CSS:

$serif_font: 'Crimson Text', serif;

label {
    font-family: $serif_font;
    font-style: italic;
    color : $dark_gray;
    margin-bottom: 0;
    line-height: 1.75em;
    font-size: 16px;
    font-weight: 500;
    display: block;
}

Это то, что появляется в моем браузере в инспекторе:

Получается слово «Малиновый»'в шестнадцатеричное значение.

enter image description here

Почему это происходит и как я могу это исправить?Это ошибка с nuxt.js или sass-loader ???

Единственной вещью, которую я нашел в Интернете, была эта статья от 2017 года, но она не имеет решения: https://www.jotform.com/answers/1269781-Advanced-Designer-Choosing-Crimson-Text-as-the-font-family-results-in-broken-CSS

...