有没有办法在开发环境中使用Rails应用程序执行“热代码重新加载”?如何在Rails中启用自动代码重新加载
例如:我正在研究Rails应用程序,我在样式表中添加了几行css,我查看浏览器以查看修改的样式。截至目前,我必须刷新页面cmd-r
或点击刷新按钮。
有没有办法让页面在更改时自动重新加载?
这在凤凰网框架中很好地工作(我相信凤凰城不是这个功能的唯一框架)。在Ruby on Rails中如何启用这样的功能?
有没有办法在开发环境中使用Rails应用程序执行“热代码重新加载”?如何在Rails中启用自动代码重新加载
例如:我正在研究Rails应用程序,我在样式表中添加了几行css,我查看浏览器以查看修改的样式。截至目前,我必须刷新页面cmd-r
或点击刷新按钮。
有没有办法让页面在更改时自动重新加载?
这在凤凰网框架中很好地工作(我相信凤凰城不是这个功能的唯一框架)。在Ruby on Rails中如何启用这样的功能?
当您更改js元素(不是css或ruby文件)时,此gem会自动重新加载。
https://github.com/rmosolgo/react-rails-hot-loader
从未见过的CSS热码在轨平台重装。
CSS热插拔和自动重装时HTML/JS的变化可以用后卫组合,而实现与livereload:https://github.com/guard/guard-livereload
我使用这个设置重新加载的所有资产,JS,CSS,Ruby文件
在Gemfile中
group :development, :test do
gem 'guard-livereload', '~> 2.5', require: false
end
group :development do
gem 'listen'
gem 'guard'
gem 'guard-zeus'
gem 'rack-livereload'
end
插入这在development.rb
config.middleware.insert_after ActionDispatch::Static, Rack::LiveReload
我有这个在我的后卫文件
# A sample Guardfile
# More info at https://github.com/guard/guard#readme
## Uncomment and set this to only include directories you want to watch
# directories %w(app lib config test spec features) \
# .select{|d| Dir.exists?(d) ? d : UI.warning("Directory #{d} does not exist")}
## Note: if you are using the `directories` clause above and you are not
## watching the project directory ('.'), then you will want to move
## the Guardfile to a watched dir and symlink it back, e.g.
#
# $ mkdir config
# $ mv Guardfile config/
# $ ln -s config/Guardfile .
#
# and, you'll have to watch "config/Guardfile" instead of "Guardfile"
guard 'livereload' do
extensions = {
css: :css,
scss: :css,
sass: :css,
js: :js,
coffee: :js,
html: :html,
png: :png,
gif: :gif,
jpg: :jpg,
jpeg: :jpeg,
# less: :less, # uncomment if you want LESS stylesheets done in browser
}
rails_view_exts = %w(erb haml slim)
# file types LiveReload may optimize refresh for
compiled_exts = extensions.values.uniq
watch(%r{public/.+\.(#{compiled_exts * '|'})})
extensions.each do |ext, type|
watch(%r{
(?:app|vendor)
(?:/assets/\w+/(?<path>[^.]+) # path+base without extension
(?<ext>\.#{ext})) # matching extension (must be first encountered)
(?:\.\w+|$) # other extensions
}x) do |m|
path = m[1]
"/assets/#{path}.#{type}"
end
end
# file needing a full reload of the page anyway
watch(%r{app/views/.+\.(#{rails_view_exts * '|'})$})
watch(%r{app/helpers/.+\.rb})
watch(%r{config/locales/.+\.yml})
end
guard 'zeus' do
require 'ostruct'
rspec = OpenStruct.new
# rspec.spec_dir = 'spec'
# rspec.spec = ->(m) { "#{rspec.spec_dir}/#{m}_spec.rb" }
# rspec.spec_helper = "#{rspec.spec_dir}/spec_helper.rb"
# matchers
# rspec.spec_files = /^#{rspec.spec_dir}\/.+_spec\.rb$/
# Ruby apps
ruby = OpenStruct.new
ruby.lib_files = /^(lib\/.+)\.rb$/
# watch(rspec.spec_files)
# watch(rspec.spec_helper) { rspec.spec_dir }
# watch(ruby.lib_files) { |m| rspec.spec.call(m[1]) }
# Rails example
rails = OpenStruct.new
rails.app_files = /^app\/(.+)\.rb$/
rails.views_n_layouts = /^app\/(.+(?:\.erb|\.haml|\.slim))$/
rails.controllers = %r{^app/controllers/(.+)_controller\.rb$}
# watch(rails.app_files) { |m| rspec.spec.call(m[1]) }
# watch(rails.views_n_layouts) { |m| rspec.spec.call(m[1]) }
# watch(rails.controllers) do |m|
# [
# rspec.spec.call("routing/#{m[1]}_routing"),
# rspec.spec.call("controllers/#{m[1]}_controller"),
# rspec.spec.call("acceptance/#{m[1]}")
# ]
# end
end
我使用此设置宙斯,而不是春季。
运行guard
打开本地主机:3000,你是好去。
这应该可以解决您的问题,并且具有比browserify更好的重载时间。
如果你想要,你可以取消注释那些行,如果你正在做TDD,
我试过这个,但是当试图在'public-ip:3000'上访问我的应用程序时,我得到了'连接被拒绝'错误(端口未打开)。 –
为什么public-ip和localhost不一样? – gustavoanalytics
我在本地运行Windows,无法安装最新的Ruby。我正在使用远程Linux服务器进行开发。同时,我设法使用'browsersync'进行实时重载。但是我想再问一次关于'guard-livereload'的问题,你是否仍然需要安装chrome扩展? –
对 - 这对于在Rails中自动重新载入JavaScript很有用。我正在寻找的东西,至少会自动重新加载整个资产管道,虽然(JS和CSS - 自动重新加载模型,控制器和视图也不错)。 –