Импортировать scss файл, конвертировать его в css и получить url
react приложение на webpack. Нужно импортировать SCSS файл, который лежит в папке с компонентом, но получить нужно именно ссылку, которую сгенерит вебпак.
Есть файл contents.scss Плагин CKEditor позволяет заменить стили редактора по ссылке, причем подключить нужно внешний CSS файл.
Мне нужно прописать что-то вроде
import stylesURL from './contents.scss'
Вебпак под капотом берет файл contents.scss, превращает его в css файл, кладет в папку и отдает мне ссылку на сгенеренный файл. Чтобы stylesURL хранило пусть до css файла, например
console.log(stylesURL);
http://localhost:3001/contents.as23sa.css
css-modules не подходит, он хранит объект со стилями, а мне нужно скормить плагину именно ссылку на css файл. Скормить ссылку на стили приложения тоже не вариант т.к. стили в приложении отличаются.
Единственный вариант, который я нашел — скормить конфигу вебпака отдельное правило, по которому он будет брать 1 мой конкретный файл и создавать на его основе новый css, но выглядит как лютейший костыль.
В документации css-loader похожего кейса на мой не нашел.