我正在使用 bower 安装bootstrap
和 font-awesome
包,并使用 Grunt
作为构建解决方案。我有 wiredep
配置为正确更新我的 index.html 文件。一切都很好。我唯一的问题是将字体文件复制到 dist/
目录。
我意识到我可以配置我的咕噜声 copy:dist
target,但考虑到每个包可能使用不同的目录结构来存储它们的字体,所以很难有一个单一的规则来复制字体。此外,如果这些软件包的 bower.json
中列出了字体文件,有没有办法检测这些字体并自动复制它们?
是否有另一个我可以使用的 Grunt 插件以相同的方式识别字体文件 wiredep
识别 css/js 文件?
我在 SO 上看到了与同一问题相关的其他帖子,但没有官方解决该问题的方法。
最佳答案
我意识到这个问题有点老了,但我使用了一个名为 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 包手动添加路径,那么这是一个不错的选择。不过我喜欢“体力劳动”。
关于twitter-bootstrap - 如何使用配置 Grunt 复制 bower 字体文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25234902/