我在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文件中。无论如何使这些图像正确渲染。
答案 0 :(得分:0)
我在这里找到了答案:
Webpack - background images not loading
我必须在
的webpack.config.js中进行更改 { test: /\.scss$/, loaders: [ 'style', 'css?sourceMap', 'sass?sourceMap' ]},
到
{ test: /\.scss$/, loaders: [ 'style', 'css', 'sass' ]},