为什么 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,无需重新加载。
我正在尝试将 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,无需重新加载。