webpack 处理图片img 信息名字

其中

[img/]代表图片当前的文件夹，
[name]表示图片原有的名字
[hash:8]哈希算法生成8位的文件名，防止文件名重复
[ext]代表着文件名的后缀
文件夹后面要加个/，不然会当成字符串处理，作为图片的固定文件名，
name,hash,ext要加个[]，才能当作变量处理

module: {
　　rules: [
　　　　{
　　　　　　test: /\.(jpg|png|gif|jpeg)$/i,
　　　　　　type: 'asset/resource',
　　　　　　generator: {
　　　　　　filename: 'img/[name].[hash:8].[ext]'
　　　　　　}
　　　　}
　　],
}