处理字体、图标、及其他资源

开发中可能还存在一些其他资源，如icon图标、font、pdf等，我们一并处理

1. 配置

这里我们依然是在module.rules下面添加配置项

js

module: {
  rules: [
    {
      test: /\.(ttf|woff2?|docx?|xlsx?|pptx?|mp[34]|avi|pdf)$/i,
      type: 'asset/resource',
      generator: {
        filename: 'static/imdia/[hash:10][ext][query]',
      },
    }
  ]
}

test正则匹配了文字、pdf以及office办公文件，并且开启不区分后缀名大小写
因为有些文件后缀名可能是大写的，比如大写的PDF

现在我们在项目中用到这些文件，打包后就会自动关联依赖并按照我们设置的规则输出