stylesheet - 只制作流星刷新样式表

Question

我注意到，在使用流星应用程序时，它会在任何样式表发生更改时自动刷新整个页面。有没有办法让它只刷新样式表资产，类似于 LiveReload 的工作方式？

另请注意，我正在使用stylus我的样式表。这是导致完全重新加载的原因吗？

Answer 1

我发现的当前解决方法是使用添加 css 文件的“常规方式”：

1. 将您的文件 myCss.css 放入公共文件夹“/public/myCss.css”，这样它就不会被流星编译

2. 将以下行添加到您的 html 文件中：

   <link rel="stylesheet" type="text/css" href="/myCss.css" />
   

3. 使用 Espresso 或 CSSEdit 等实时编辑器更改 myCss.css 文件。

请注意，保存文件后，流星无论如何都会重新加载。但在以下情况下： - 您正在生产模式下运行流星 - 您的 .css 文件不在流星项目中包含的任何文件夹中（就像您自己从其他地方提供 .css 文件一样） - 您的文件或文件夹正在启动带点“。” 或以波浪号“~”结尾，在这种情况下，如果这些文件发生了变化，流星将不会重新加载这些文件。请注意，我从来没有能够使用结尾波浪号来完成这项工作，而且使用不可见文件（以“。”开头）不是很方便。请参阅此处以获取参考。

Answer 2

不，开箱即用的 Meteor 会在检测到任何类型的文件更改（无论是 html、css 还是 js）时重新加载整个应用程序。用不用都没关系stylus。

我想未来的迭代可能会占用一页LiveReload图像和 css 文件（因此更改它们不会导致刷新），但目前整个站点将重新加载。事实上，这可能是一个很棒的拉取请求。