我正在构建一个 React 组件库和其他文档项目。我的目标是立即将库的所有更改直接显示到文档中。
到目前为止，我已经配置了 webpack 来监视组件的变化。重建后，我将输出文件夹移动到 node_modules的文档。这样我就可以模拟使用我的组件库作为外部包。
文档是 create-react-app项目，默认情况下它不监视 node_modules 中的更改.我关注了this answer并执行eject脚本。我更新了 ignoredFiles webpackDevServer.config.js 中的变量一切都很好。我对组件进行了更改，webpack 重新编译，更新了 node_modules 中的包的文档，然后触发重建。但是，我必须刷新浏览器才能看到更改。当我对文档的源进行更改时会发生热重载，但是当我更新 node_modules 中的特定包时触发它会很棒.有没有办法做到这一点？
感谢您花时间在这上面!
最佳答案
您可以设置指向您的包的本地依赖项。
"dependencies": {
"package-name": "file:../relative/path/to/your/package"
}
然后，当您创建依赖项时，在监视模式下重建包含您的 package.json 的模块的相对路径，您就可以开始了!
关于javascript - 更改 node_modules 中的包时如何触发 React 的热重载？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/59892929/