我正在使用Webpack创建一个简单的网站。
我的图片位于project/dist/img/
我在project/src/scss/style.scss
在我的scss文件中，我有几个元素的背景图像。 webpack编译我的.scss文件的唯一方法是使用前面的＆＃34; /＆＃34;来定义图像URL。
所以background-image: url('/img/monkey.png')编译，当我使用webpack-dev-server时一切正常。但是当我构建网站并尝试在真实的Web服务器上查看它时，由于前面的斜线，图像不会显示出来。为了让图像显示在真实服务器上，我需要它background-image: url('img/monkey.png')
但是，如果我尝试这样做，webpack将无法编译我的.scss文件，只会抛出错误告诉我它无法找到图像。
我还在学习Webpack，而且我不确定如何在不手动编辑已编译的.css文件的情况下解决问题。
谁能告诉我这是什么问题？