лучший способ распространения переменных scss в каждом файле scss

Question

Я создал файл глобальной переменной scss в своей корневой папке
и для переменных импорта я пишу
@import '../../../style_config/style_config' (файл глобальной переменной)
в каждый файл scss

Подробнеея работаю в глубокой папке трудно найти относительный путь
Есть ли способ использовать абсолютный путь?или лучше импортировать файл scss?

Env

Создать приложение React на node.js

Попробовал

• 1.Ввести файл переменной scss вindex.js, но файл scss выдает ошибку.
  нет переменных

Answer 1

Моя структура кода:

app
  |_ config/webpack.config.js
  |_ src/assets/styles/_common.scss

В моем _common.scss У меня есть все мои переменные и миксины.

Вам необходимо установить псевдоним для своего scssфайлы в webpack.config.js

module.exports = {
  resolve: {
    alias: {
      styles: path.join(__dirname, "../src/assets/styles")
    }
  }
}

и при импорте стилей используйте ~

@import "~styles/common";

PS: Я делал то же самоечто вы делаете сейчас с давних времен и никогда не думали, что это можно оптимизировать.Спасибо, что подняли это.