Sass SCSS-使用具有相对路径的图像文件不起作用

我有以下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 {
    background-image: url(../../images/image.png);
 }

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

在“test.scss”中，我有以下代码：

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

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

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

在“entry.js”中，我有以下代码：

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

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

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

当我尝试用webpack构建这个项目时，我得到一个错误，

image.png

文件无法解析。当我构建这个项目时，

test.scss

认为它的相对文件夹是

/src/scss/

。如果我将

。/../images/image.png

更改为

。/images/image.png

一切正常

---

有没有办法告诉

webpack

或

sass loader

将每个导入的文件作为一个单独的文件进行威胁，并始终使用相对于当前打开的文件的路径？或者有没有办法从我的应用程序的根文件夹中指定路径（

/src

在这种情况下）？

您可以对此进行研究，您可以在本文中获得有关此特定问题的信息