Как вызвать горячую перезагрузку для React при изменении пакета в node_modules?

Question

Я строю библиотеку компонентов React и проект дополнительной документации. Моя цель - немедленно отобразить все изменения библиотеки прямо в документации.

До сих пор я настроил веб-пакет для отслеживания изменений в компонентах. После восстановления я беру выходную папку и перемещаю ее в node_modules документации. Таким образом, я могу симулировать использование библиотеки компонентов в качестве внешнего пакета.

Документация представляет собой проект create-react-app, и по умолчанию она не отслеживает изменения в node_modules. Я следовал этому ответу и выполнил сценарий eject. Я обновил переменную ignoredFiles в webpackDevServer.config.js и все работает очень хорошо. Я делаю изменение в компоненте, веб-пакет перекомпилируется, обновляет пакет в node_modules документов, а затем запускается перестройка. Однако я должен обновить браузер sh, чтобы увидеть изменения. Горячая перезагрузка происходит, когда я изменяю источник документов, но будет здорово запустить его, когда я обновлю указанный пакет c в node_modules. Есть ли способ достичь этого?

Спасибо, что потратили на это время!

Answer 1

Вы можете установить локальную зависимость, которая указывает на ваш пакет.

"dependencies": {
  "package-name": "file:../relative/path/to/your/package"
}

Затем, когда вы создали зависимость, пересоберите относительный путь к модулю, содержащему ваш пакет. json в режиме наблюдения, и вы готовы к go!