Как я могу использовать sass глобально в моем проекте Nuxt? - PullRequest
Новая
       4

Как я могу использовать sass глобально в моем проекте Nuxt?

0 голосов
/ 21 января 2020

У меня есть компонент Vue. js, и я хотел бы получить доступ к переменным sass из моего файла s css. В документации NUXT https://nuxtjs.org/faq/pre-processors/ говорится, что вы можете использовать для этого узлы sass и sass-loader. Поэтому я установил оба из них, и они находятся в зависимости от dev в моем пакете. json.

После этого я добавил следующее в свой nuxt.config. js

  css: [
    '@/assets/sass/main.scss'
  ],

Но когда я пытаюсь сделать это в одном из моих компонентов 

<style lang="scss">
html, body{
    background-color: $background-color;
    overflow: hidden;
}
</style>

, я получаю сообщение об ошибке, что цвет фона $ не определен? Почему это происходит?

Мой main.s css находится в активах / sass 

$text-color:#FFFFFF;
$background-color: #FFFFFF;
$primary-color: #1F2338;
$secondary-color: #F73455;

$navigation-opacity: 0.70;
...