Как вы заставляете Webpack игнорировать ошибки в разрешении URL в процессе сборки? - PullRequest
Новая
       66

Как вы заставляете Webpack игнорировать ошибки в разрешении URL в процессе сборки?

0 голосов
/ 06 февраля 2019

Моя структура каталогов выглядит следующим образом: 

example/
├── css/
│     ├── styles.css
├── img/
│     ├── background.jpg
└── src/
    ├── scss/
    │   ├── app.scss
    └── app.js

Когда я задаю абсолютный URL-адрес для фонового изображения в app.scss, например background-image: url("/img/background.jpg");, он будет работать просто отлично.

Однако, если я укажу относительный URL, такой как background-image: url("../img/background.jpg");, процесс сборки завершится неудачей.

Есть ли способ заставить Webpack игнорировать такие ошибки?

Если это произойдетпросто приступите к созданию моего styles.css файла, он, конечно, будет правильно загружать фон через относительный URL, но я просто не могу получить его так далеко.

Важно решить эту проблему, потому что в противном случае вывынуждены развертывать веб-сайты в webroot и не могут использовать подкаталоги, так как абсолютный URL-адрес не работает при работе.

Спасибо за вашу помощь.

1 Ответ

0 голосов
/ 07 февраля 2019

не имеет смысла игнорировать ошибки разрешения файлов в веб-пакете, и я не думаю, что есть способ сделать это.

, но из структуры вашего приложения относительный путь должен ../../img/background.jpg

Обновление:

извините, я ошибся с самого начала, я смог воспроизвести вашу проблему с sass и sass-loader, оказалось, что это общая проблема, и есть section для него в sass-loader, и они упомянули 2 решения:

  • Добавьте недостающую перезапись URL-адреса с помощью resolv-url-loader.Поместите его перед sass-загрузчиком в цепочке загрузчиков.

  • Авторы библиотеки обычно предоставляют переменную для изменения пути ресурса.Например, у bootstrap-sass есть $ icon-font-path

...