vue.config.js - загрузка нескольких файлов .scss для глобального использования

Question

В моем проекте Vue три файла .scss.

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

Итак, я создал файл vue.config.js и добавил -

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

Проблема в том, что мой файл _variables.scss импортируется, но я также хочу импортировать файл _other.scss (из той же папки).

Я не могу понять, как структурировать его для импорта и использования обоих.

Answer 1

@import "@/styles/_variables.scss"; @import "@/styles/_other.scss"

работал отлично. Но то же самое произошло с импортом в один большой файл и его загрузкой.