Можно ли включить HMR в приложении для шоппинга на рельсах, используя реагирующий веб-упаковщик?

Question

Я хочу ускорить время разработки при создании приложений shopify. Много времени я трачу на ожидание перезагрузки страницы через портал ngrok, чтобы я мог видеть свои изменения.

Я хочу включить HMR, чтобы перезагрузка происходила намного быстрее.

В настоящее время я использую рельсы 6 и реагирую через веб-пакет вместе с компонентами реагирования shopify polaris.

Я изо всех сил пытался запустить ./bin/webpack-dev-server --hot, поскольку он работает на другом порту и может вызвать ошибку Shopify CORS. Мне удалось добиться этого (я думаю) через туннели ngrok.

Затем я попытался выполнить это https://gaearon.github.io/react-hot-loader/getstarted/, однако я не смог его запустить, и, хотя изменения выглядят компилируемыми на моем сервере, страница никогда не обновляется. В настоящее время я вернул свой файл index.js без изменений при горячей загрузке. Любая помощь в правильной настройке файла index.js приветствуется.

Мой файл index.js выглядит так:

// Run this example by adding <%= javascript_pack_tag 'hello_react' %> to the head of your layout file,
// like app/views/layouts/application.html.erb. All it does is render <div>Hello React</div> at the bottom
// of the page.

import React from 'react'
import ReactDOM from 'react-dom'
import { BrowserRouter as Router, Route } from 'react-router-dom'
import { AppContainer } from 'react-hot-loader';
import App from '../components/App'


document.addEventListener('DOMContentLoaded', () => {
  ReactDOM.render(
    <Router>
      <Route path="/" component={App} />
    </Router>,
    document.body.appendChild(document.createElement('div')),
  )
})

У кого-нибудь есть HMR, работающий с shopify через ngrok? Было бы приятно узнать, возможно ли это вообще.

Мне также было бы интересно (и, возможно, и многим другим!) Советы по экономии времени в любом другом приложении!

Вся помощь высоко ценится!