Meteor如何为不同媒体类型提供多个css?

Meteor如何为不同媒体类型提供多个css?,css,meteor,Css,Meteor,我想让我的Meteor应用程序为各种媒体类型提供多个css页面。例如: <link rel="stylesheet" type="text/css" media="screen" href="screen.css" /> <link rel="stylesheet" type="text/css" media="print" href="print.css" /> <link rel="stylesheet" type="text/css" media="handh

我想让我的Meteor应用程序为各种媒体类型提供多个css页面。例如:

<link rel="stylesheet" type="text/css" media="screen" href="screen.css" />
<link rel="stylesheet" type="text/css" media="print" href="print.css" />
<link rel="stylesheet" type="text/css" media="handheld" href="handheld.css" />

我该怎么做

/packages/meteor/package.js
定义应捆绑
.css
文件

然而,仔细观察,我们可以发现以下信息:

CSS文件的工作原理是一样的:客户端将得到一个包含树中所有CSS的包(不包括服务器和公共子目录)

最后一部分很有趣,如果您将CSS文件放在
/public
中,它们将不会捆绑在一起。相反,
app/lib/bundler.js围绕第517行执行以下操作:

files.cp_r(path.join(project_dir, 'public'),
           path.join(build_path, 'static'), {ignore: ignore_files});

在服务器端,任何未解析的文件也将在
build/static
中检查,这意味着当您将
screen.css
放入
/public
中时,您可以在客户端上继续使用
screen.css

还可以在css文件中指定媒体类型。答案是:或者您可以在CSS文件中指定媒体类型。详细答案如下: