Question

我正在尝试使用moodle主题的浏览器同步，但是我没有成功使用moodle主题的功能。

我要做的是通过观看css文件来改变颜色。所以我从moodle根目录运行以下命令。

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

Moodle的主页在浏览器中打开，显示＆＃39;浏览器同步＆＃39;已连接。现在我在clean.css的干净主题中改变了身体的颜色。

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

browser-sync-connected

我做错了什么？是否可以对moodle主题使用browse-sync。

浏览器同步在简单的php页面中运行良好。

Answer 1

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

$CFG->themedesignermode = true;

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

Answer 2

我为发布自己问题的答案而道歉。

通常，在moodle中我们列出了config.php中的css文件。创建新的css并将其列入config.php后无法正常工作。所以我确实将新的css文件附加到带有head标记的link标记中，就像我创建mycss.css

一样

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

并运行browser-sync以上命令，该命令反映了浏览器上的新css而无需重新加载。