Как включить автоматическую перезагрузку кода в Rails

Есть ли способ сделать «перезагрузку горячего кода» с помощью приложения Rails в среде разработки?

Например: я работаю над Rails-приложением, добавляю несколько строк css в таблицу стилей, я смотрю на браузер, чтобы увидеть модифицированный стиль. На данный момент я должен обновить страницу cmd-rили нажав кнопку обновления.

Есть ли способ заставить страницу перезагружаться автоматически при внесении изменений?

Это прекрасно работает в веб-фреймворке Phoenix (и я уверен, что Phoenix - это не единственная структура этой функции). Как включить такую ??функцию в Ruby on Rails?

html,css,ruby-on-rails,

3

Ответов: 3


3

CSS горячей замены и автоперезагрузки , когда изменения HTML / JS может быть достигнуто с группой : разработка , : тест сделать драгоценный камень «охранник-LiveReload» , «~> 2,5» , требуется : ложный конец группы : развитие сделать жемчужину «слушать» камень ' Guard ' gem ' guard-zeus ' gem ' rack-livereload ' end в сочетании с функцией загрузки: https://github.com/guard/guard-livereload


3

Я использую эту настройку, перезагружает все активы, js, css, ruby-файлы

в Gemfile

config.middleware.insert_after ActionDispatch::Static, Rack::LiveReload

вставьте это в свой development.rb

# 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

На этой установке я использую zeus вместо пружины.

Бежать guard

Откройте localhost: 3000, и вам хорошо идти.

Это должно решить ваш вопрос, а время перезагрузки лучше, чем браузер.

Я прокомментировал охрану, глядя на тестовые каталоги, если вы хотите, чтобы вы раскомментировали эти строки, если вы делаете TDD.


1

Этот камень будет автоматически перезагружаться при внесении изменений в элементы js (не css или ruby-файлы).

https://github.com/rmosolgo/react-rails-hot-loader

Никогда не видел перезагрузку горячего кода css в платформе rails.

HTML, CSS, рубин-на-рельсы,
Похожие вопросы