webpack5 background url 的路径如何配置?

NeoChang
  • 1.4k

background: url(./img/card-bg.png) no-repeat; webpack3 下面图片的相对路径可以解析

更新到 webpack5 后,图片路径解析变成一个绝对路径,
Module not found: Error: Can't resolve 'img/card-bg.png' in '/xxx/xxx/xxx/xxx/xxx'
导致编译直接报错。

修改 css-loader 的配置项后可以编译,但路径变为 background-image: url(../../assets/img/card-bg.png)

如今将图片资源丢到 assets/img里面就 OK 了。

回复
阅读 123
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏