如何在Meteor.js中只显示加载特定(非全部)css文件

Eug*_*ene 9 meteor

我想用Meteor.js(不是单页的web应用程序)开发一个通常的网站,我想只为每个页面加载特定的css文件.因此,并非所有页面都共享相同的css代码.可能吗?

ben*_*str 11

首先,如果您使用的是Meteor,那么您正在构建一个非常强大的SPA(单页应用程序).您可以通过引入路由来模仿"常规"网站,尝试使用IronRouter.

现在关于CSS.一旦部署了Meteor,所有的CSS和JS都会被合并和缩小.因此,如果您想要实现您的要求,您需要添加像这样的包.

https://atmospherejs.com/mrt/external-file-loader

https://github.com/davidd8/meteor-external-file-loader

然后在创建模板后将其附加到触发器:

Template.myCustomTemplate.created = function() {
  Meteor.Loader.loadCss("//example.com/myCSS/style.css");
};
Run Code Online (Sandbox Code Playgroud)

我相信你也可以通过Meteor的Asset API从Meteor服务器加载CSS.在这里阅读更多内容:https://docs.meteor.com/#/full/assets