ReactJS处于开发模式

ReactJS in development mode

本文关键字：开发模式于开发 ReactJS 更新时间：2023-09-26

有没有一种方法可以让我每次运行应用程序时都不必构建它？一旦编译完成，就不可能进行调试。我在视频中看到浏览器加载了100个js文件，而不是一个大的build.js.

我需要改变什么才能实现这一点？

这是使用React等现代事物的失败，但答案是使用类似webpack的东西。Webpack可以生成单个文件，但也可以使用它生成源映射。浏览器工具可以将单个构建文件映射到原始源代码，从而使调试更加容易。Browserify也有这种能力，您可以将其与babel一起用于编译ES6。

不过我还是建议你去看看webpack，因为它越来越普遍了。就我个人而言，我觉得这有点难弄清楚，但一旦你有了它，那就太棒了。我没有一个很好的例子可以方便地使用带有react的webpack，但有很多文章&关于该主题的教程：https://www.codementor.io/reactjs/tutorial/beginner-guide-setup-reactjs-environment-npm-babel-6-webpack