为什么 browser-sync 不适用于 moodle 主题

Why browser-sync is not working with moodle theme

我正在尝试将 browser-sync 与 moodle 主题一起使用,但我没有成功地将它的功能用于 moodle 主题。

我想做的是通过观察 css 文件来改变颜色。 所以我在 moodle 根目录下有 运行 命令。

browser-sync start --proxy "http://localhost/moodle" --files "theme/clean/style/*.css"

Moodle 的主页在浏览器中打开,显示 'browser-sync' 已连接。 现在,我在干净主题的 custom.css 更改了 body 的颜色。

命令提示符显示 custom.css 文件已更改,但新颜色不适用于没有页面刷新的 Moodle 页面。下图显示了 css 文件的变化。

我做错了什么? browse-sync 是否可以用于 moodle 主题。

browser-sync 在简单的 php 页面中工作正常。

只是一个猜测,但请尝试将其添加到 config.php

$CFG->themedesignermode = true;

它关闭了主题的缓存,这在设计过程中很有用。不过在生产时将其关闭,否则它会非常慢。

对于发布我自己问题的答案,我深表歉意。

通常,在moodle中我们列出了config.php中的css个文件。在创建新的 css 并将其列入 config.php 后不起作用。所以我确实将新的 css 文件附加到带有 link 标签的 head 标签中,就像我创建 mycss.css

<head>
<link rel="stylesheet" href="http://localhost/moodle/theme/clean/style/mycss.css" type="text/css" />
</head>

和 运行 以上 browser-sync 命令,它在浏览器上反映了新的 css,无需重新加载。