javascript - Grunt 复制和 fontawesome 字体

标签 javascript node.js gruntjs grunt-contrib-copy font-awesome-4

我已经使用 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')
      }

最佳答案

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

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

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

关于javascript - Grunt 复制和 fontawesome 字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27874238/

相关文章:

javascript - 如何使用 JQuery 传递列表中的多个值

javascript - 使用 Node js/Javascript 从 json 获取特定数据并将它们存储在数组中

reactjs - 不使用 Webpack 进行 React

javascript - 将视频添加到 konvajs 舞台

javascript - 如何禁用 show() 之后的刷新

javascript - 使用 jQuery 创建动画列表

Javascript 连接/拆分替代语法

node.js - 使用 Node 的 Google API 批量请求

javascript - Grunt watch pattern.indexOf 不是函数

linux - Grunt 失败,没有这样的文件或目录(在 gems 中查找)