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

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/*'
        }
    }
}

您可以调整globo -pattern，将bower_components目录中的所有字体文件移动到某个目标文件夹中。如果您不喜欢手动添加包含字体的每个wer包的路径，那么这是一个不错的选择。不过我喜欢"体力劳动"。