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

【问题标题】：Why does webpack create strange font files?为什么 webpack 会创建奇怪的字体文件？
【发布时间】：2016-04-13 19:13:29
【问题描述】：

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

76a4f23cb373829c9382900d9dfs9830sdf.svg

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

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

【问题讨论】：

标签： webpack

【解决方案1】：

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

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

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

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

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

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

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

【讨论】：