[hash] 指的是匹配文件的名字 [hash:10] 指的是问得名字长度为10

[ext] 也就代表字符 '.' 

[query] 路径后面的参数

//给图片设置导出的文件夹及名字

rules:[{ test: /\.(png|svg|jpg|jpeg|gif)$/i, 
      type: 'asset/resource' ,
      generator:{
        filename: 'images/[hash:8][ext][111]'}
      }
     ]
//这里[hash:8] 代表生成的图片名长度为8 
例如:
<img src="images/e4ed037a.png[111]">