Webpack为什么会创建奇怪的字体文件?

周杰伦男孩

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

76a4f23cb373829c9382900d9dfs9830sdf.svg

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

问题是每次我们生成新包时,文件就会在github中累积。有什么方法可以强制Webpack为这些文件使用特定名称?

眼猫

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

默认情况下,使用文件加载器加载字体文件所得到的文件名是文件内容的MD5哈希值,带有所需资源的原始扩展名。

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

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

例如,如果要将此模板应用于svg文件:

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

为什么 webpack 会捆绑额外的文件?

为什么 pyinstaller 会创建这么大的 exe 文件?

putchar()奇怪的输出,为什么会这样?

为什么用pytz中的tzinfo创建日期时间会显示奇怪的时间偏移?

Google表格:为什么迭代计算会创建重复项,使公式变得奇怪?

为什么Webpack延迟加载会从文件夹加载所有文件?

为什么 Webpack 会注入 React

为什么Chrome上的字体看起来很奇怪?

为什么OpenCV创建奇怪的矩形?

创建空文件时,为什么人们会更喜欢“触摸文件”而不是“:>>文件”?

为什么Webpack 4不能创建dist文件夹,而Webpack 2可以呢?

Webpack-为什么默认情况下会缩小我的bundle.js文件?

为什么创建S3目录会创建一个不可见文件?

为什么创建的csv文件会复制行,以及如何将列表创建为列?

为什么在删除和创建数据库时rake数据库任务的行为会很奇怪?

为什么FastCopy会创建文件夹数量不同的文件的精确副本?

为什么React会奇怪地渲染<p>(段落)标签?

为什么 VSM Depth Map Blurring 会产生奇怪的结果?

为什么嵌套嵌套循环会产生奇怪的结果?

为什么在其他循环中循环会很奇怪?

为什么此命令会创建一个很大的文件?

使用CPLEX运行Minizinc模型时,为什么会创建许多cpx文件?

为什么写入数据帧会创建仅具有标题和尾部的文件?

为什么用Pandoc创建的RTF文件会以纯文本格式打开?

为什么构建软件包会创建testthat /的子文件夹

为什么会显示“尚未创建临时文件夹”消息?

为什么在 docker-machine VM 中创建文件会导致权限被拒绝?

为什么当构建退出错误时,来自docker文件的docker构建映像会创建容器?

为什么用shell脚本目标调用make会创建可执行文件?