Меньше URL изображения загрузчика

Question

У меня проблемы с добавлением URL-адреса изображения в переменную в моем файле LESS.

Я использую проект под названием Guide4You, в который я хотел бы добавить новый файл LESS со своими изображениями. Этот проект использует узел с веб-пакетом.

Для моего проекта я использую эту структуру папок:

├── root
│   ├── load_image.png
│   ├── styles
│   │   └── substyles
│   │       ├── load.less

В меньшем файле у меня есть следующий код:

@test: url("../../load_image.png");

Всякий раз, когда я пытаюсь скомпилировать код в веб-пакете, я получаю следующую ошибку:

[ './root/load_image.png
Module parse failed: 
C:\projects\root\\load_image.png 
Unexpected character \'�\' (1:0)\nYou may need an appropriate loader to handle this file type.

Возможно ли, что менее загруженный видит мой URL как ссылку на другой загрузчик и пытается выполнить его?

Answer 1

Вам нужен соответствующий загрузчик, который бы соответствовал вашему png. Чтобы решить эту проблему, используйте либо url-loader, либо file-loader, чтобы он соответствовал вашему png.

Документация: https://github.com/webpack-contrib/url-loader, https://github.com/webpack-contrib/file-loader