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

Question

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

我该怎么做？

Answer 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在客户端上使用.