如何在 Meteor.js 中手动加载 FontAwesome 4

Question

我总是觉得在 Meteor.js 中手动加载外部库是很困难的，因为它采用了非传统的方式。我需要一些关于如何以最干净的方式加载这些库的建议

1 client
2 server
3 packages
4 public
  4.1 resources
  4.2 font-awesome
    4.2.1 css
    4.2.2 fonts
    4.2.3 less
    4.2.4 scss
  4.3 fonts

上面是我的根结构。在公共文件夹中，我有资源下的所有图像，然后是 font-awesome 4 的文件夹。现在，当我加载它时，它显示方形符号，表示它没有正确加载它。

我的印象是没有必要在流星中引用任何 CSS 等，因为它们在运行时都捆绑在一起。我错过了什么吗？

我确实尝试过使用陨石包，但它只是安装东西，什么也没做！我宁愿手动完成并在需要的地方更改参考。

Answer 1

我经常问自己同样的问题，如果你明白我的意思的话。

您可以修改字体真棒 css 文件，以便字体 url 引用到 /font-wesome/fonts/ 而不是 ../fonts。将 css/less 文件（如font-awesome.css）移动到/client

例如它通常

url('../fonts/fontawesome-webfont.woff?v=4.0.3')

改成

url('/font-awesome/fonts/fontawesome-webfont.woff?v=4.0.3')

上面的每种字体还有其他类型的字体是woff，没有骨头。

目录取决于您的文件在/public 中的位置，例如，如果您使用/public/danielle，您将使用/danielle

添加陨石

如果您添加了陨石，请不要忘记将其添加到流星中，即

mrt add font-awesome
meteor add font-awesome

或用于窗户

cd packages
git clone https://github.com/nate-strauser/meteor-font-awesome.git
rename meteor add meteor-font-awesome font-awesome
meteor add font-awesome