Как решить проблему с подключением внешнего scss в Vue Cli проект?

Question

[fyue890qwerkf]

Хелп, ребята, не могу подключить внешний scss файл (пикрил)
В двух словах объясните, пожалуйста, что не так. (уже искал ответ в инете, но толкового ответа не получил)

Answer 1

[Aleksey Solovyev]

У Вас не установлен Vue Loader
npm install -D sass-loader node-sass
Пересобрать проект

Answer 2

[ciless]

Не совсем понимаю. Если тебе нужно подключить его глобально, то используй вебпак. В Vue CLI 3 общение с ним происходит через vue service. Поэтому все кастомные настройки вебпака настраиваются в файле vue.config.js
Это тебе поможет, если ты хочешь подключить глобально.

module.exports = {
  css: {
    loaderOptions: {
      sass: {
        data: `
          @import "./styles/_variables.scss";
        `,
      },
    },
  },
};