asset

Webpack5 使用 asset 来代替一些 loader。
‘asset/resource’ 代替 file-loader。

// 处理图片
{
  test: /\.(png|jpe?g)$/,
    // use: ['file-loader']
    type: 'asset/resource',
      generator: {
        filename: 'img/[name].[hash:8][ext]'
      }
}

‘asset/inline’ 代替 url-loader。

{
  test: /\.(png|jpe?g)$/,
  // type: 'asset/inline',  // 无法限制大小
    type: 'asset',
     generator: {
        filename: 'img/[name].[hash:8][ext]'
      },
       parser: {
         dataUrlCondition: {
           maxSize: 30 * 1024
         }
       },
}