webpack5 打包css背景图片处理

 老写法

rules:[{
    // 处理图片
    test: /\.(jpg|png|gif)$/,
     //如需从 asset loader 中排除来自新 URL 处理的 asset，请添加 dependency: { not: ['url'] } 到loader 配置中。
    dependency: { not: ['url'] },
    // 使用一个
    loader:'url-loader',
    // 配置
    options:{
        /* 图片大小小于8kb，就会被base64处理
        优点:减少请求数量（减轻服务器压力)
        缺点:图片体积会更大（文件请求速度更慢 */
        limit:8*1024
    }]

最新写法

rules:[{
       test: /\.(png|svg|jpg|jpeg|gif)$/i,
       type: 'asset/resource',
 },]