В течение последних 2 дней я пытался выяснить, как импортировать глобальный файл стилуса во все мои компоненты, чтобы у меня не получилось `@import '../../ .. /styles.styl 'в каждом компоненте или когда-либо нужно настроить это. Я использовал конфигурацию, заданную VueJS здесь , и до сих пор не могу понять это. Я пробовал разные конфигурации, но каждый раз он либо не распознает «style-resources-loader» и выдает ошибку еще до сборки, либо кажется, что создает, а затем выдает ошибку, потому что не распознает стилус. переменные, которые я использую в моих компонентах. Выдает мне эту ошибку:
Module build failed (from ./node_modules/stylus-loader/index.js):
Error: C:\filepath\ViewTitle.vue:27:25
23| color white
24| font-family 'Xiomara'
25| letter-spacing 0.25rem
26| text-align center
27| text-shadow 0 0 8px rgba(light, 0.1)
-------------------------------^
28| </style>
TypeError: expected rgba or hsla, but got function:light(color)
Я также попробовал css: { loaderOptions: { stylus: prependData: "@import './assets/styles/styles.styl'" } } }, и это тоже не сработало. Есть мысли?
Редактировать: Вот как выглядят мои переменные:
peppermint = #FBAAA6
dusk = #135A8B
gold = #F0D355
dark = #062236
light = #EFF2F3
Я храню их в ./assets/styles/config/vars.styl, затем файл, который я пытаюсь импортировать, находится в ./assets/styles/styles.styl и этот файл импортирует решение vars.styl
: для тех, у кого возникла та же проблема, я просто начал заново. К счастью, я не был глубоко погружен в проект, поэтому он отбросил меня на несколько часов назад. Использование кода в разделе «Автоматический импорт» документации VueJS работало нормально после запуска fre sh.