如何使用configure Grunt复制bower字体文件？

Question

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

我意识到我可以配置我的grunt copy:dist目标，但鉴于每个包可能使用不同的目录结构来存储它们的字体，因此使用单个规则来复制字体是一项挑战。此外，如果这些软件包的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-pattern来简单地将bower_components目录中的所有字体文件移动到某个目标文件夹中。如果你不喜欢为每个包含字体的bower包添加路径，那么这是一个不错的选择。我喜欢“体力劳动”。