由于其非传统方式,我总是发现很难在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等,因为它们在运行时捆绑在一起。我错过了什么吗?
我确实尝试过使用陨石包,但它只是安装东西而什么都不做!我宁愿手动操作并在需要时更改引用。
答案 0 :(得分:2)
如果你知道我的意思,我经常会问自己同样的问题。
您可以修改字体真棒css文件,以便字体网址引用/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
或用于Windows
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