webpack处理图片配置url-loader时后面的.ext有什么用？

Question

webpack.config.js

module:{
    rules:[
        {
            test:/.(jpg|gif|png|jpeg)/,
            loader:'url-loader?name=image/[hash:10].[ext]'
        }
    ]
}

求解加上.[ext]的作用是什么

Answer 1

这是通过 name 字段来指定图片打包的目录与文件名：

image/[hash:10].[ext]

image/10位hash值.文件后缀名