给Rails配置LiveReload

1 分钟 阅读

安装相关Gems

在Gem文件中添加 rack-livereloadguard-livereload'

group :development do
  gem 'rack-livereload'
  gem 'guard-livereload', require: false
end

执行bundle install安装,并且执行bundle binstub guard.

配置Rails

rack-livereload加到rails的middileware中。

# config/environments/development.rb

Rails.application.configure do
  config.middleware.use(Rack::LiveReload, source: :vendored)
end

重启Rails, 前端应该能看到有加载livereload.js。 在console中你会看到livereload会尝试连接websocket, 端口35729, 但是出错。 这就来fix

配置Guard

配置Guard来监视views,assets文件的改动。

执行 bundle exec guard init 来生成配置文件, 会在主目录下生成一个名为Guardfile的文件,

默认生成的配置文件已经基本够用,如果有别的需求,直接修改这个配置文件就好了。

之前在第一部分中执行了bundle binstub guard, 在bin目录下安装了guard, 这时执行bin/guard, guard服务就跑起来了,这时再刷新网页看下,livereload 产生的错误应该不在出现了。

LiveReload

这时修改css,或者别的配置了guard的文件,稍等一下就会看到浏览器自动刷新了。如果你有两个显示器,开发效率将会大大提高了。

分类:

最新的:

留下评论