css 中图片的路径问题

来源：5-2 开发环境 - Webpack Dev Server - 本地 rewrite 规则-

PayneW

2018-12-17

图片描述
老师你好，我通过上面的配置(图右)实现打包后的项目目录目录为上图左侧:
但是 css 文件中的样式路径为:

.big-box .ani1 {
  background-image: url(assets/imgs/sprites/sprite-b28f9.png);
}

不管怎么设置，我都不能实现成这样 :

  background-image: url(../assets/imgs/sprites/sprite-b28f9.png);

在 github 看到一篇 issue 但是没有成功解决，希望您在线时帮忙解答一下。视频里你说吧 output 配置中的 putlicPath: “/” 这样设置，但也不能解决。我把教程源码下载后，里面的css background 也是不正确的。

写回答

1回答

qbaty

2018-12-19

意思是打包完了以后雪碧图的路径不太对？url-loader ？

PayneW

也可以这么说，*.css文件被放到 css 文件夹中了，所以雪碧图的路径应给用 "../" 往上一级找到 assets 文件夹，但是这个配置我如何配置都不对，即使在 url-loader 中配置对了 css 文件中的 background-image，页面中 img 的 src 又不对了。

2018-12-20

共1条回复

四大维度解锁Webpack3.0前端工程化

前端开发标配，灵活掌握Webpack3.0的使用可以极大的提高前端开发的效率

1188 学习 · 403 问题

相似问题

回答 1

回答 1

回答 1

回答 1

回答 2