【发布时间】:2013-01-29 19:58:36
【问题描述】:
我注意到,在使用流星应用程序时,当任何样式表发生更改时,它会自动刷新整个页面。有没有办法让它只刷新类似于 LiveReload 工作方式的样式表资产?
另外请注意,我在样式表中使用了stylus。这是导致完全重新加载的原因吗?
【问题讨论】:
标签: stylesheet meteor
我注意到,在使用流星应用程序时,当任何样式表发生更改时,它会自动刷新整个页面。有没有办法让它只刷新类似于 LiveReload 工作方式的样式表资产?
另外请注意,我在样式表中使用了stylus。这是导致完全重新加载的原因吗?
【问题讨论】:
标签: stylesheet meteor
不,开箱即用的 Meteor 会在检测到任何类型的文件更改(无论是 html、css 还是 js)时重新加载整个应用程序。是否使用stylus 并不重要。
我想未来的迭代可能会为图像和 css 文件占用一页 LiveReload(因此更改它们不会导致刷新),但目前整个站点将重新加载。事实上,这可能是一个很棒的拉取请求。
【讨论】:
我找到的当前解决方法是使用添加css文件的“常规方式”:
将以下行添加到您的 html 文件中:
<link rel="stylesheet" type="text/css" href="/myCss.css" />
使用 Espresso 或 CSSEdit 等实时编辑器更改 myCss.css 文件。
请注意,一旦您保存文件,meteor 无论如何都会重新加载。但在以下情况下: - 您正在生产模式下运行流星 - 您的 .css 文件不在流星项目中包含的任何文件夹中(就像您自己从其他地方提供 .css 文件一样) - 您的文件或文件夹以点“.”开头或以波浪号“~”结尾,在这种情况下,如果这些文件发生了变化,流星将不会重新加载这些文件。请注意,我从来没有能够使用结尾波浪号来完成这项工作,而且使用不可见文件(以“。”开头)不是很方便。 See here for ref.
【讨论】: