2021最新webpack5: 设置图片名称与输出tscproj

P13 13-设置图片名称与输出tscproj
更新于: 2022-01-15 14:10:01

对结果进行配置

  1. ext 扩展名
  2. name 文件名
  3. hash 文件hash(md4)
  4. contentHash
  5. path: 不常用
  6. 另外:outputPath 可以直接在 name 里加
{
  loader: 'file-loader',
  options: {
    // 是否将我们的结果转化为 esModule, 即 {default: './xxx.jpg'}
    esModule: false,
    name: '[name].[hash:6].[ext]',
    outputPath: 'statics/images'
  }
}
配置的结果

参考