Resource 资源：assetModuleFilename自定义输出文件名与generator

自定义输出文件名 默认情况下， asset/resource 模块以 [contenthash][ext][query] 文件名 发送到输出目录。 可以通过在 webpack 配置中设置 output.assetModuleFilename 来修改此模 板字符串：

output: {
assetModuleFilename: 'images/[contenthash][ext][query]'
}

//...
module.exports = {
//...
output: {
//...
assetModuleFilename: 'images/[contenthash][ext][query]'
},
//...
}

另一种自定义输出文件名的方式是，将某些资源发送到指定目录，修改配置：

rules: [{
test: /\.png/,
type: 'asset/resource',
// 优先级高于 assetModuleFilename
generator: {
filename: 'images/[contenthash][ext][query]'
}
}]

//...
module.exports = {
//...
output: {
//...
// 配置资源文件
module: {
rules: [
{
test: /\.png/,
type: 'asset/resource',
// 优先级高于 assetModuleFilename
generator: {
filename: 'images/[contenthash][ext][query]'
}
}
],
},
//.
}