Не видно глобальные sass переменные в nuxt?

Question

[Андрей]

Подключил глобально стили sass через свойство css в nuxt.config.js

css: [
        '@/assets/style/global.sass'
    ],

Все отлично работает, применяются глобальные стили, можно использовать классы, но переменные, хоть убей, не видит.

Пробовал другие методы, но через них не работает вообще ничего:

modules: [
        [
            'nuxt-sass-resources-loader', 
            [
                'assets/style/global.sass'
            ]
        ]
    ],

// Или способ через style-resources
styleResources: {
    sass: [
      '@/assets/style/main.sass'
    ]
  },
modules: [
    '@nuxtjs/style-resources'
]

При чем последний (style resources) был скопирован из другого проекта и там было наоборот: переменные работали, а классы и глобальные стили не цеплялись. Магия)

Answer 1

[Andrey Suha]

Я вот так подключал

{
                            loader: "sass-loader",
                            options: {
                                sourceMap: true,
                                data: `
                                    @import "@scss/_variables.scss";
                                    @import "@scss/_functions.scss";
                                    @import "@scss/_mixins.scss";
                                `
                            }
                        }

Правда не в nuxt, но думаю это не существенно

Answer 2

[Domovikx]