twitter-bootstrap - 如何使用配置 Grunt 复制 bower 字体文件？

Question

我正在使用 bower 安装bootstrap和 font-awesome包，并使用 Grunt作为构建解决方案。我有 wiredep配置为正确更新我的 index.html 文件。一切都很好。我唯一的问题是将字体文件复制到 dist/目录。

我意识到我可以配置我的咕噜声 copy:dist target，但考虑到每个包可能使用不同的目录结构来存储它们的字体，所以很难有一个单一的规则来复制字体。此外，如果这些软件包的 bower.json 中列出了字体文件，有没有办法检测这些字体并自动复制它们？

是否有另一个我可以使用的 Grunt 插件以相同的方式识别字体文件 wiredep识别 css/js 文件？

我在 SO 上看到了与同一问题相关的其他帖子，但没有官方解决该问题的方法。

Answer 1

我意识到这个问题有点老了，但我使用了一个名为 grunt-bowercopy ( https://www.npmjs.com/package/grunt-bowercopy ) 的插件来完成大部分从 bower 包中的复制。不过，它可能需要一些手动配置，因此可能无法满足您的要求。

您的 bowercopy 配置可能如下所示:

bowercopy: {
    // Global bowercopy options
    options: {
        runBower: true
    },
    // Move fonts from bower packages into font folder
    fonts: {
        options: { destPrefix: '/dist/fonts' },
        files: {
            '': 'fontawesome/fonts/*'
        }
    }
}

您可以调整 glob 模式以简单地将 bower_components 目录中的所有字体文件移动到某个目标文件夹中。如果您不喜欢为每个包含字体的 bower 包手动添加路径，那么这是一个不错的选择。不过我喜欢“体力劳动”。