Meteor 如何为不同的媒体类型提供多个 CSS？

【问题标题】：Meteor how to serve multiple css for different media types?Meteor 如何为不同的媒体类型提供多个 CSS？
【发布时间】：2012-05-23 12:40:31
【问题描述】：

我想让我的 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" />

我该怎么做？

【问题讨论】：

您还可以在 css 文件中指定媒体类型。答案是：stackoverflow.com/a/31281406/386213
或者您可以在 CSS 文件中指定媒体类型。详细答案在这里：stackoverflow.com/a/31281406/386213

标签： css meteor

【解决方案1】：

/packages/meteor/package.js

定义应该捆绑.css文件。

但是，仔细查看docs.meteor.com，我们可以找到以下信息：

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。

【讨论】：