README

每当文件更改时，在浏览器中重新加载 CSS。

• 支持 Contao Combiner！
• 支持 LessCSS
• 支持 SASS (Compass)

工作原理

1. 您必须在持有样式表文件的机器上运行 contao-livereload-server。
2. 您必须安装 contao-livereload 扩展，并在用户配置文件中启用它
3. 每次您在浏览器中加载 Contao 页面时，AJAX 调用都会告诉 livereload-server 您正在使用哪些（未合并的）样式表。

客户端安装

使用 Composer！
或者将所有文件复制到 system/modules/contao-livereload 并更新数据库

服务器安装

1. 您需要安装 NodeJS 和 NPM！ Google 知道如何安装
2. 运行 sudo npm -g install contao-livereload
   您可以为每个 contao 项目使用一个服务器安装

使用 Contao-Livereload

1. 从任何 contao 根目录运行 contao-livereload 文件
2. 在您的后端用户配置文件中激活该功能（contao/main.php?do=login）
3. 打开任何 contao 前端页面
4. 开始编辑您的 CSS/LESS
5. 享受魔法

提示

• 添加监视器以触发未直接在 Contao 中引用的文件的 livereload。如果您在 less 文件中有 @import，则非常有用
  contao-livereload -w files/layout/**/*.less
• 您可以在您的 web 服务器上运行 Contao-Livereload-Server，请确保在您的后端配置文件中配置正确的 Host。如果您遇到问题，请检查服务器防火墙。

服务器使用

Usage: contao-livereload -d path -w "files/layout/**/*.less"

Examples:
  contao-livereload -d ContaoProject -w files/layout/**/*.less -w files/layout/**/*.css    


Options:
  -d  Contao directory path, default is the current working directory
  -w  Add file watchers, you can use globbing
  --lr-port   Port of the livereload server                                    [default: 35729]
  --req-port  Port listen on for Contao requests                               [default: 35720]
  -h  Help

示例输出

psi@psi:~webroot/isotopedemo$ contao-livereload -w "files/layout/*.less" -w "files/base.css"
[gulp] Using gulpfile ~/webroot/contao-livereload/gulpfile.js
[gulp] Starting 'default'...
[19:21:57] Assume Contao root directory in /home/psi/webroot/isotopedemo
[gulp] Finished 'default' after 87 ms
[19:21:57] Live reload server listening on: 35729
[19:21:57] Contao Handler listening on: 35720
[19:21:57] Waiting for Contao requests ...
[19:22:07] Received contao live-reload request 
[19:22:07] Watching for livereload system/modules/isotope/assets/css/isotope.min.css
[19:22:07] Watching for livereload assets/css/8900add6f135.css
[19:22:07] Watching for combining files/layout/*.less
[19:22:07] Watching for combining files/base.css
[19:22:07] Watching for combining assets/contao/css/layout.css
[19:22:07] Watching for combining assets/contao/css/responsive.css
[19:22:07] Watching for combining assets/contao/css/grid.css
[19:22:07] Watching for combining assets/contao/css/reset.css
[19:22:07] Watching for combining files/font-awesome-4.0.3/css/font-awesome.min.css
[19:22:07] Watching for combining files/contaodemo/contaodemo.css
[19:22:07] Watching for combining files/isotopedemo/isotopedemo.css
[19:23:48] files/isotopedemo/isotopedemo.css was changed
[19:23:48] 8900add6f135.css was reloaded.

许可证： https://gnu.ac.cn/licenses/lgpl-3.0.html LGPL
作者：Christoph Wiechert 4ward.media