У меня большой проект, который я пытаюсь преобразовать в систему сборки веб-пакетов. Я близко, но я решаю одну проблему.
Я создал хранилище git для демонстрации своей проблемы:
https://github.com/scottschafer/webpack-image-issue.git
Мой CSS (и LESS) использует ссылки url () примерно так:
body {
width: 100%;
height: 100%;
background-color: yellow;
background-image: url('/assets/images/example.png');
}
Это не создает файл 'example.png', и изображение не загружается.
Если я вручную импортирую изображение, как в моем файле index.ts, файл отправляется и загружается:
import '@ src / assets / images / example.png';
Как я могу это исправить, чтобы мои CSS-ссылки URL автоматически распознавались и передавались?