у вуя там супер архитектура обработки файлов, у свелте лоадера все проще.
Свелт-лоадер какими-то хаками пишет виртуальные файлы в fs и вебпак их находит. Но если подрубить кэш лоадер, то он увидит что файл не изменился и не запустит свелт лоадер. Без запуска свелт лоадера виртуальный файл с цсс не пишется в fs. Вебпак видит импорт import 'component.styles.css'; которого нет в fs и падает, даже не запуская лоадеры для css.
А без кэшлоадера на любое изменение запускаются все лоадеры на се файлы (хз почему так мб я не знаю магической опции)
В любом случае, как это сделать на готовом проекте? Желательно, чтобы с возможностью не писать в гит отдельные цсс файлы