bower - 来自 bower 的中间人图像/字体

Question

我想知道最好的方法是使用来自中间人的 bower 包中的图像和字体。例如，我正在尝试添加 slick.js轮播到我的项目。它位于 bower 上，并在 bower 代码中包含 css、js、图像和字体。

在中间人的帮助下，我已将 bower_components 目录添加到 sprockets 和 compass 的路径中，这样 scss 和 js 文件就可以正确编译并且工作正常。

但是图像和字体并没有放在任何需要使用的地方。 slick.js 库使用 scss 并设置为使用 compass image-url和 font-url函数(如果存在)，这意味着我需要以某种方式从 bower_components 目录中获取 Assets ，以便与我自己的所有图像和字体在同一位置提供服务，并且以在开发 middleman server 中都有效的方式提供。模式以及运行构建时。

我该怎么做呢？

显然，可能的解决方案只是将 slick.js 库直接供应商化到我的代码中，或者将它包含在它已经托管的 CDN 中，而不必担心没有将它编译到我的单个 css 和 js 文件中。两者都可以正常工作，但我想知道一般情况，对于使用 bower 和中间人的任何人来说，这肯定是常见的情况。

Answer 1

我想通了 - 我认为 compass 是用于需要 scss 文件而 sprockets 仅用于 js，但中间人也使用 sprockets (middleman-sprockets 库)来复制任意静态 Assets 。

它有点手动和冗长(如果有更多的文件，中间人建议编写一个脚本以通过文件扩展名类型自动发现它们并导入它们)但我的解决方案是在 config.rb 中包含以下内容文件:

# set local vars I'll need to access later
images_dir = 'images'

set :images_dir, images_dir

# ... other config 

sprockets.import_asset('slick-carousel/slick/ajax-loader.gif') {|p| "#{images_dir}/ajax-loader.gif"}