Я работаю над проектом Jhipster, и хотя я искал информацию по этой теме, я все еще очень запутался.
Так что моя путаница начинается с непонимания, почему нам нужно иметь два импорта одного и того же файла SCSS:
global.scss
@import 'bootstrap-variables';
vendor.scss
@import 'bootstrap-variables';
Я понимаю, что global.scss - это способ предоставления глобальных стилей всему приложению, а поставщик - способ импорта сторонних стилей (SASS / CSS)
Но если я объявлю переменную $ my-custom-variable в глобальном SCSS, у меня не будет доступа к ней в каком-то файле custom.component.scss, но если я объявлю класс .my-class, я это сделаю.
Итак, мой вывод: я создаю классы для global.scss на основе некоторых _custom-variables.scss или импортирую свои _custom-variables.scss для component.scss сам.
Второй путь кажется хаком, а первый добавляет несколько трудов.
Есть ли лучший способ справиться с подобными ситуациями?