老师，3-7中url-loader加载图片后，dist文件中生成了相关代码，resource也出现了，但里面的图片不显示，如图

Question

Answer 1

慕尼黑4023828 2018-03-09 18:58:28

路径加载问题，这里的resource应该是../resource

Answer 2

悬壶行者 2018-07-04 21:47:46

到下一章节，用上webpack-dev-server， 在加上publicPath这个路径，问题就完美解决了

Answer 3

Rosen 2018-02-08 06:36:34

可能是旧版本sublime的问题，去文件夹里看看有问题么

• 纪无涯 #1

  老师，生成的index.css内容是url(resource/test.png)，而dist/css/index.css文件与dist/resource/test.png不在同一层级，这样不就引用不到图片了吗？我这样子生成后在浏览器查看index.html确实加载不出图片，然后手动将生成的index.css改成url（../resource/test,png）才能够加载出来。麻烦老师解答一下疑惑～～～

• Rosen 回复 纪无涯 #2

  如果通过webpack做的打包的话，需要把webpack文件里的output.publicPath设置成‘/dist/’，如果是开发状态下webpack-dev-server里不会出现找不到的问题，这块是在后面上线前适配那做的