如何使用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 模式以简单地将 Bower_components 目录中的所有字体文件移动到某个目标文件夹中。如果您不喜欢为每个包含字体的 Bower 包手动添加路径，那么这是一个不错的选择。不过我喜欢“体力劳动”。