Как изменить webpacker в Rails, чтобы отслеживать изменения вне папки пакетов? - PullRequest
Новая
       17

Как изменить webpacker в Rails, чтобы отслеживать изменения вне папки пакетов?

0 голосов
/ 14 июля 2020

Я хочу перезагрузить горячий модуль, чтобы перезагрузить изменения в моих файлах JavaScript / React

Я просматривал документацию по разработке webpacker

В нем написано

Этот процесс будет следить за изменениями в app / javascript / packs /*.js

Теперь я хочу следить за изменениями вне проекта пакетов или в всю папку javascript, а также необходимо включить .jsx файл.

Я не уверен, как это сделать.

Это мой webpacker файл: 

#!/usr/bin/env ruby

ENV['RAILS_ENV'] ||= ENV['RACK_ENV'] || 'development'
ENV['NODE_ENV']  ||= 'development'

require 'pathname'
ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../../Gemfile',
                                           Pathname.new(__FILE__).realpath)

require 'bundler/setup'

require 'webpacker'
require 'webpacker/webpack_runner'

APP_ROOT = File.expand_path('..', __dir__)
Dir.chdir(APP_ROOT) do
  Webpacker::WebpackRunner.run(ARGV)
end

А это мой файл сервера разработчика webpacker 

#!/usr/bin/env ruby

ENV['RAILS_ENV'] ||= ENV['RACK_ENV'] || 'development'
ENV['NODE_ENV']  ||= 'development'

require 'pathname'
ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../../Gemfile',
                                           Pathname.new(__FILE__).realpath)

require 'bundler/setup'

require 'webpacker'
require 'webpacker/dev_server_runner'

APP_ROOT = File.expand_path('..', __dir__)
Dir.chdir(APP_ROOT) do
  Webpacker::DevServerRunner.run(ARGV)
end

1 Ответ

0 голосов
/ 14 июля 2020

Я не уверен, что полностью понимаю ваш вопрос, но я застрял с проблемой, что сервер webpack rails по умолчанию перестраивает каждое .js(x) изменение файлов, и это заняло много времени в разработке. Я решил это, используя gem foreman

  1. Установить бригадир
  2. Создать Procfile.dev в проекте root
web: bundle exec rails s -p 3001
webpacker: ruby ./bin/webpack-dev-server
мой webpack-dev-сервер 
#!/usr/bin/env ruby

ENV["RAILS_ENV"] ||= ENV["RACK_ENV"] || "development"
ENV["NODE_ENV"]  ||= ENV["NODE_ENV"] || "development"

require "pathname"
ENV["BUNDLE_GEMFILE"] ||= File.expand_path("../../Gemfile",
  Pathname.new(__FILE__).realpath)

require "rubygems"
require "bundler/setup"

require "webpacker"
require "webpacker/dev_server_runner"
Webpacker::DevServerRunner.run(ARGV)
И запустить проект с мастером foreman start -f Procfile.dev -p 3000

После этого - webpack не создает все изменения и требуется меньше времени для перезагрузки изменений кода

Также вы можете обновить свой webpacker.yml

# Note: You must restart bin/webpack-dev-server for changes to take effect

default: &default
  source_path: app/javascript
  source_entry_path: 'packs'
  public_output_path: 'packs'
  cache_path: tmp/cache/webpacker

  # Additional paths webpack should lookup modules
  resolved_paths: ['app/javascript/src']

  # Reload manifest.json on all requests so we reload latest compiled packs
  cache_manifest: false

  extensions:
    - .jsx
    - .js
    - .sass
    - .scss
    - .css
    - .module.sass
    - .module.scss
    - .module.css
    - .png
    - .svg
    - .gif
    - .jpeg
    - .jpg

development:
  <<: *default
  compile: true

  # Reference: https://webpack.js.org/configuration/dev-server/
  dev_server:
    https: false
    host: localhost
    port: 3035
    public: localhost:3035
    hmr: false
    # Inline should be set to true if using HMR
    inline: true
    overlay: true
    compress: true
    disable_host_check: true
    use_local_ip: false
    quiet: false
    headers:
      'Access-Control-Allow-Origin': '*'
    watch_options:
      ignored: /node_modules/


production:
  <<: *default
  public_path: <%= ENV['ACTION_CONTROLLER_ASSET_HOST'] %>

  # Production depends on precompilation of packs prior to booting for performance.
  compile: false

  # Cache manifest.json for performance
  cache_manifest: true
...