Всем привет, возможно кто-то сможет помочь со следующим вопросом: Есть желание

написать лоадер, который будет по переданному в него html подставлять вместо классов/айди и прочего инлайн стили, а именно:

Вход:
<div class="test1 test 2"/>

выход:
<div style="stylesFromTest1 stylesFromTest2"

Столкнулся со следующей проблемой, т.к. мой проект на вуе, который собирается вебпаком (5.88.1), стили у меня лежат (в отдельной папке и собираются отдельными лоадерами), а мой лоадер смотрит на .vue файлы и работает с ними. Т.е. внутри при вызове моего лоадера, у меня просто нет собранных стилей, которые мне нужны для замены.

В документации я нашел функцию loadModule, описание выглядит как будто бы это именно то, что мне нужно, но ниже написано
this.loadModule in a loader context uses CommonJS resolve rules by default. Use this.getResolve with an appropriate dependencyType, e.g. 'esm', 'commonjs' or a custom one before using a different semantic.
функция getResolve возвращает новый резолвер, но я совершенно не понимаю как потом его использовать и как мне все таки загрузить уже полностью собранные стили в моём лоадере (может и нет такой возможности?)

Буду очень благодарен за помощь.

т.е. у вас стили имопртированы в vue файл?

В том числе и такие есть, но пока пытаюсь разобраться именно с scss файлами вынесенными в отдельную папку

Как они подключены в вью файлам?