【问题标题】:How to handle Bower components images, fonts or other assets (with yeoman)?如何处理 Bower 组件图像、字体或其他资产(使用 yeoman)?
【发布时间】:2014-02-23 03:24:51
【问题描述】:

我正在使用 yeoman 构建一个 webapp。一切都很好,除了我对使用与一些 bower 组件(例如 sass-bootstrap ......)捆绑在一起的资产(如图像或 webfonts)有点困惑。

我使用 Requirejs 包含 javascript 资产,但我的主要问题在于图像和字体......什么是正确的方法?似乎在任何地方都找不到它...我应该将所有字体文件复制到与指南针一起使用的字体目录中吗?更新凉亭组件时,这些文件不会更新...

欢迎任何帮助!

【问题讨论】:

    标签: sass gruntjs yeoman bower


    【解决方案1】:

    不要复制,将 bower_components 目录用作另一个资产目录,如脚本或样式。在你的 requirejs 路径中链接到它,并在你的指南针配置中链接到它。

    如果需要,在构建过程中,您可以查看 bower 文件夹并将所有图像和/或字体复制到 dist 位置的其他子目录中。

    您说得很好,更新时复制源文件不会得到更新。这就是为什么你要尽可能地努力让它们保持原样。

    【讨论】:

    • 问题是罗盘的配置不允许字体/图像的多个路径...而且我显然不能将我的应用程序的样式与凉亭组件放在同一目录中...
    • 您只希望 Compass 处理您添加的图像,例如构建精灵。您不需要 Compass 来处理供应商图像和字体,只需使用 grunt copy 任务将 Compass 未处理的任何图像和字体从 bower_components 移动到源文件旁边的 dist 目录中。对于样式,只需将它们包含在您的 sass 文件中...例如:@include "../bower_components/font-awesome/sass/font-awesome.scss";
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-08-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-05-29
    相关资源
    最近更新 更多