Sass webpack 图片url路径问题

Posted 2023-05-08

参考技术A 参考 https://blog.csdn.net/weixin_33804990/article/details/93180165

以及官方 https://www.webpackjs.com/loaders/sass-loader/#problems-with-url

只需要在sass-loader前面加上resolve-url-loader 并给sass-loader添加options: sourceMap: true

求助,关于webpack url-loader配置图片路径错误的问题

这是我css文件图片引入的位置

这是我的webpack配置

最后就会出现这种路径，如果我把url-loader的输出名改成name=../images/[name].[ext]，这样它会把图片输出到dist同级的位置，而不是dist目录内，求教怎么解决！

回答：你得配置个output.publicPath参数，我观察你的文件目录结构，初步建议你配成publicPath: ‘./dist‘，如果在浏览器里路径报错了，你可以参照着你自己的文件目录结构来改下这相对路径。