javascript - Grunt 复制和 fontawesome 字体

Question

我已经使用 Bower 安装了 fontawesome ，并使用 grunt 的“grunt-contrib-copy”将其复制到 diff 目录。

当我手动复制它时，字体可以工作......但是，当 grunt 这样做时，它们不起作用。

现在，我检查了文件，我注意到 grunt 的副本可以完成工作，它增加了文件大小!

来自 fontawesome 的文件大小:

  85908  FontAwesome.otf
  56006  fontawesome-webfont.eot
 287007  fontawesome-webfont.svg
 112160  fontawesome-webfont.ttf
  65452  fontawesome-webfont.woff

grunt 复制后的文件大小:

 163355  FontAwesome.otf
 101913  fontawesome-webfont.eot
 287008  fontawesome-webfont.svg
 143313  fontawesome-webfont.ttf
 120957  fontawesome-webfont.woff

这是我的 gruntfile.js 片段:

      'fontawesome-fonts': {
        expand: true,
        cwd: 'public/vendor/fontawesome/fonts',
        src: '*',
        dest: path.join(__dirname, 'public', 'fonts')
      }

Answer 1

似乎 grunt-copy 无法正确复制二进制文件(有时？)

因此，建议不要将其用于二进制文件 - 图像、音乐、视频、字体等。

编辑:https://github.com/gruntjs/grunt-contrib-copy/issues/64 中提到了一种对我有用的修复此问题的可能方法。 ，在 copy 的 options 部分中使用 processContent: false 或 processContentExclude: ['**/*.{png,gif,jpg,ico,psd}']。