VueJS: можно ли сделать глобальными переменные у препроцессоров?

Question

[thehighhomie]

Делаю адаптацию и темизацию приложения. Есть некоторые функции и переменные, которые мне нужно в каждом компоненте использовать, к примеру такие функции как rem, getColor и т.д. ну и естественно нужны глобальные переменные...

Конечно не хочется постоянно в каждый компонент импортировать стили. Можно ли реализовать мои нужды под vue?

PS: я пользуюсь в разных проектах разными препроцессорами (stylus и sass). Хотелось бы решение (если есть) работало со всеми препроцессорами, а то я видел как-то под sass советовали использовать sass-resources-loader для этих дел, но я не только с sass работаю.

Comments

[Dima Polos]

Кажется не совсем понял, но может vuex поможет?

[thehighhomie]

Dima Polos, мне нужны глобальные переменные и функции препроцессоров, чтобы я в компонентах имел доступ к ним не подключая стилей) как тут vuex поможет?) может я чего-то не знаю?)

[Dima Polos]

thehighhomie, я не о том подумал, ок, тут речь о препроцессорах

[thehighhomie]

Dima Polos, ну так в заголовке об этом и написано

Answer 1

[ⓒⓢⓢ]

если правильно понял вопрос, то к vue мало имеет отношение, ближе к сборщику проекта.
если используете webpack, посмотрите на пакет
style-resources-loader

Comments

[thehighhomie]

ну вот это вроде что-то похоже) сейчас почитаю

Answer 2

[Олег]

Для stylus достаточно глобально указать файлы для импорта, для sass вроде как без костылей не обойтись.

Answer 3

[thehighhomie]

Разобрался https://cli.vuejs.org/guide/css.html#passing-optio...