S CSS - использование файлов изображений с относительным путем не работает - PullRequest
Новая
       46

S CSS - использование файлов изображений с относительным путем не работает

2 голосов
/ 02 апреля 2020

У меня есть следующие 4 файла: 

/src/images/image.png
/src/scss/main.scss
/src/scss/test/test.scss
/src/js/entry.js

В main.scss У меня есть следующий код: 

 @import './test/test.scss';

В 'test.s css' У меня есть следующий код: 

 .test {
    background-image: url(../../images/image.png);
 }

И в 'entry. js' У меня есть следующий код: 

 import './../scss/main.scss'

Когда я пытаюсь построить этот проект с помощью веб-пакета, я получаю ошибку , что файл image.png не может быть разрешен. Похоже, что когда я собираю этот проект, test.scss считает, что его относительная папка - /src/scss/. Если я изменю ../../images/image.png на ../images/image.png, то все будет работать правильно.

Можно ли как-нибудь сказать webpack или sass-loader об угрозе для каждого импортированного файла как отдельного файла и всегда использовать пути относительно текущий открытый файл? Или есть какой-либо способ указать пути из папки root моего приложения (/src в данном случае)?

...