webpack5,在css文件里面进行引入图片,不用file-loader是可以显示的,但是加了file-loader反而不行

#test {
    color: brown;
    width: 600px;
    height: 600px;
    background: url('./1.png');
}

配置里面这样写就行了

 {
                test:/\.(jpeg|jpg|png)$/,
                use:{
                    loader:'file-loader',
                    options:{
                        esModule:false  // 使用commonjs规范  默认使用的是es6 存在defalut
                    }
                },
                type:'javascript/auto'
            },

你可能感兴趣的:(webpack5,在css文件里面进行引入图片,不用file-loader是可以显示的,但是加了file-loader反而不行)