在我的css文件中,以下行:background-image: url(/img/bg.svg);
在开发人员模式下,此解析为src/img/bg.svg
(样式表位于src/css/components/styles.css
)
但是在生产模式下,我在控制台中看到404错误,找不到bg.svg
。
我在做什么错了?
答案 0 :(得分:1)
最简单的方法是使用相对于CSS文件的路径,而不是绝对路径,因为relative paths are resolved through Webpack的绝对路径按原样保留,因此它们大多靠运气工作。
另一种方法是将图像放置在public
folder中,但这使您承担更多责任,以确保路径正确,Web服务器配置正确,等等。