在Meteor中加载特定页面的特定css文件

Question

我有3页说x，y，z和3个CSS文件c1，c2，c3

现在，如果我想包含第x页的c1和c2 CSS文件，而不是包含所有三个CSS文件c1，c2和c3。

我们如何在流星框架中实现这一目标？

Answer 1

如similar questions中所述，Meteor在部署时将所有CSS捆绑在一起，因此要解决这个问题，您需要使CSS对Meteor不透明并自行加载。快速而肮脏的方式：

• 将样式表移至项目的/public文件夹（more info here）

• 将<script>添加到每个相关模板（例如x.html中）以根据需要注入CSS：

    

  $(document).ready( $('head').append($("<link rel='stylesheet' href='c1.css' type='text/css' />")) );

你也可以在没有jQuery的情况下实现这一点，但一般来说，像这样的解决方案不会很漂亮，并且可能会因为样式的后期加载而导致UI闪烁，所以你应该考虑是否真的有必要对抗平台行为。你的应用。