首页
/ Rack::LiveReload 技术文档

Rack::LiveReload 技术文档

2024-12-24 09:38:03作者:仰钰奇

本文档旨在帮助用户安装、使用和理解 Rack::LiveReload 项目。以下是详细的技术指南和说明。

1. 安装指南

Rails 项目

在 Rails 项目中使用 Rack::LiveReload,首先需要在 Gemfile 中添加以下内容:

gem "rack-livereload", group: :development

然后执行 bundle install 命令安装该宝石。

接着,在 config/environments/development.rb 文件中添加以下代码,将 Rack::LiveReload 中间件添加到 Rails 中间件栈中:

# config/environments/development.rb

MyApp::Application.configure do
  # 在中间件栈底部添加 Rack::LiveReload,使用默认选项:
  config.middleware.insert_after ActionDispatch::Static, Rack::LiveReload

  # 或者,如果你在使用 better_errors:
  config.middleware.insert_before Rack::Lock, Rack::LiveReload

  # ...
end

调整选项

你还可以通过以下方式指定 Rack::LiveReload 的选项:

# 指定 Rack::LiveReload 选项。
config.middleware.use(Rack::LiveReload,
  min_delay:        500,    # 默认 1000
  max_delay:        10_000, # 默认 60_000
  live_reload_port: 56789,  # 默认 35729
  host:             'myhost.cool.wow',
  ignore:           [ %r{dont/modify\.html$} ]
)

此外,可以通过 insert_beforeinsert_after 方法指定 Rack::LiveReload 在中间件栈中的位置。请参考 Rails on Rack: Adding a Middleware 了解更多信息。

Sinatra / config.ru

在 Sinatra 或 config.ru 文件中,使用以下代码:

require 'rack-livereload'

use Rack::LiveReload
# ...或者...
use Rack::LiveReload, min_delay: 500, ...

2. 项目使用说明

Rack::LiveReload 是一个 Rack 中间件,它可以在 Rack 应用程序中实现 LiveReload 功能,无需浏览器扩展即可自动刷新页面。它支持没有 WebSocket 支持的浏览器。

guard-livereload 一起使用可以获得最佳效果。

3. 项目 API 使用文档

Rack::LiveReload 提供了以下选项:

  • min_delay: 最小延迟时间(毫秒)。
  • max_delay: 最大延迟时间(毫秒)。
  • live_reload_port: LiveReload 服务器端口。
  • host: LiveReload 服务器地址。
  • ignore: 忽略匹配正则表达式的文件或目录。
  • force_swf: 强制使用 Flash 支持。
  • no_swf: 不包括 Flash 支持。

4. 项目安装方式

请参考上述安装指南,根据你的项目类型(Rails 或 Sinatra)选择相应的安装方法。

热门项目推荐
相关项目推荐

项目优选

收起
Python-100-DaysPython-100-Days
Python - 100天从新手到大师
Python
373
72
HarmonyOS-ExamplesHarmonyOS-Examples
本仓将收集和展示仓颉鸿蒙应用示例代码,欢迎大家投稿,在仓颉鸿蒙社区展现你的妙趣设计!
Cangjie
276
72
Cangjie-ExamplesCangjie-Examples
本仓将收集和展示高质量的仓颉示例代码,欢迎大家投稿,让全世界看到您的妙趣设计,也让更多人通过您的编码理解和喜爱仓颉语言。
Cangjie
200
47
xzs-mysqlxzs-mysql
学之思开源考试系统是一款 java + vue 的前后端分离的考试系统。主要优点是开发、部署简单快捷、界面设计友好、代码结构清晰。支持web端和微信小程序,能覆盖到pc机和手机等设备。 支持多种部署方式:集成部署、前后端分离部署、docker部署
HTML
5
1
LangChatLangChat
LangChat: Java LLMs/AI Project, Supports Multi AI Providers( Gitee AI/ 智谱清言 / 阿里通义 / 百度千帆 / DeepSeek / 抖音豆包 / 零一万物 / 讯飞星火 / OpenAI / Gemini / Ollama / Azure / Claude 等大模型), Java生态下AI大模型产品解决方案,快速构建企业级AI知识库、AI机器人应用
Java
11
3
gin-vue-admingin-vue-admin
🚀Vite+Vue3+Gin的开发基础平台,支持TS和JS混用。它集成了JWT鉴权、权限管理、动态路由、显隐可控组件、分页封装、多点登录拦截、资源权限、上传下载、代码生成器【可AI辅助】、表单生成器和可配置的导入导出等开发必备功能。
Go
16
3
source-vuesource-vue
🔥 一直想做一款追求极致用户体验的快速开发平台,看了很多优秀的开源项目但是发现没有合适的。于是利用空闲休息时间对若依框架进行扩展写了一套快速开发系统。如此有了开源字节快速开发平台。该平台基于 Spring Boot + MyBatis + Vue & Element ,包含微信小程序 & Uniapp, Web 报表、可视化大屏、三方登录、支付、短信、邮件、OSS...
Java
24
2
CangjieCommunityCangjieCommunity
为仓颉编程语言开发者打造活跃、开放、高质量的社区环境
Markdown
898
0
madongmadong
基于Webman的权限管理系统
PHP
4
0
cool-admin-javacool-admin-java
🔥 cool-admin(java版)一个很酷的后台权限管理框架,Ai编码、流程编排、模块化、插件化、CRUD极速开发,永久开源免费,基于springboot3、typescript、vue3、vite、element-ui等构建
Java
18
2