将css-loader更新为v4后,无法解析'/images/bg.jpg'是因为css-loader v4对于相对路径的解析规则发生了变化。在css-loader v4之前,可以直接在url中使用相对路径,而在css-loader v4中,需要使用~符号表示从根目录开始解析。
为了解决这个问题,你可以采取以下几种方式:
@import url('~/images/bg.jpg');
这样webpack会根据路径解析规则进行正确的路径解析。
module.exports = {
// ...
module: {
rules: [
// ...
{
test: /\.(png|jpe?g|gif)$/i,
use: [
{
loader: 'file-loader',
options: {
outputPath: 'images',
},
},
],
},
],
},
};
这样webpack会将图片文件复制到指定的输出目录,并正确解析相对路径。
腾讯云相关产品推荐:
请注意,以上答案仅供参考,具体解决方案需要根据项目配置和需求来确定。
领取专属 10元无门槛券
手把手带您无忧上云