webpack scss背景图片路径错误

时间:2016-10-05 15:34:24

标签: sass webpack

我在style.scss文件的第258行有以下规则:

background: url(img/bg-light-grey.gif)

然后我运行命令webpack并成功构建。我转到我的网页,但是我发现我的网页上没有看到图片。我打开chrome调试器,它说我的style.scss的第258行有:

background: url(build/4932049asdfjaoi3j234.gif)

在我的Chrome调试器中,我用绝对网址

替换该行
background: url(http://localhost:8080/experiment/build/4932049asdfjaoi3j234.gif)

现在图像出现了。

如何让webpack正确编译我的图像文件路径?或者,我不介意stringify或base64encode这些东西到我的bundle.js文件中。无论如何使这些图像正确渲染。

1 个答案:

答案 0 :(得分:0)

我在这里找到了答案:

Webpack - background images not loading

我必须在

的webpack.config.js中进行更改
  { test: /\.scss$/, loaders: [ 'style', 'css?sourceMap', 'sass?sourceMap' ]},

  { test: /\.scss$/, loaders: [ 'style', 'css', 'sass' ]},