为什么webpack会创建奇怪的字体文件？

Question

每次我运行webpack时，它似乎都会输出一组新的字体文件。它们总是以长串的随机字符命名，如哈希。例如，

76a4f23cb373829c9382900d9dfs9830sdf.svg

有.eot，.woff，.woff2等文件。

问题是每次生成新包时文件都会在github中累积。有没有办法强制webpack使用这些文件的特定名称？

Answer 1

是的，你是对的。这是一个哈希。

默认情况下，使用file-loader加载字体文件所产生的文件名是文件内容的MD5哈希值，以及所需资源的原始扩展名。

如果需要，可以使用查询参数name为文件配置自定义文件名模板。您可以使用字体加载器规则中的以下模板指定保持相同的路径，名称和扩展名：

'file-loader?name=[path][name].[ext]'

例如，如果要将此模板应用于svg文件：

loader: [
  { test: /.svg$/, loader: 'file-loader?name=[path][name].[ext]' }
]

相应地修改test字段以匹配您的所有字体。