Reactjs 生产和开发内置组件之间的差异

最近我开始学习react，我看到了一个教程，他们使用

Webpack

创建生产和开发版本。但是没有解释这两个版本之间的区别是什么，以及何时必须使用哪一个版本。我在网上搜索了一下，但没有找到任何对我有帮助的东西。有没有人有我错过/没有读过的教程或解释？

开发版本（顾名思义）是出于开发原因使用的。在这些构建中，您具有源映射、调试和经常的热重新加载功能

另一方面，生产构建在生产模式下运行，这意味着这是在客户机上运行的代码。生产构建运行uglify并将源文件构建到一个或多个最小化文件中。它还提取CSS和图像，当然还有您正在使用Webpack加载的任何其他源。也没有热加载包括在内。根据您的网页

devtool

，源地图可能作为单独的文件包含

生产和开发的具体区别取决于您的偏好和需求，这意味着它在很大程度上取决于您在Web包配置中编写的内容

这个问题很直截了当。

---

此外，本文还介绍了为React with Webpack创建生产版本的过程。最基本的区别是，生产版本具有丑陋的、缩小（压缩）的javascript代码版本，因此这使得最终用户浏览器上的文件呈现非常快，性能也得到了提高

您还可以通过应用应用来验证网站中是否正在使用生产构建，当在浏览器上激活时，它将始终告诉您网站是否在前端使用react js，并告诉您构建类型是生产还是开发

当react是开发构建时，

React和React DOM作为单个文件的生产就绪版本也可用

<script src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>

注意：请记住，只有以

结尾的React文件.production.min.js

才适合生产

---

生产和开发构建之所以出现，是因为实际部署应用程序时会对性能产生影响。此外，应用程序的部署位置恰好是另一个大陆，因此在UI上呈现开发构建js文件与生产版本相比将花费大量时间，生产版本非常简洁、紧凑、压缩、丑陋，以获得更好的用户体验并加载到UI上。参考资料

hi Ankur，我只是想问你，为什么一些官方网站仍然处于开发模式而不是生产模式。如果在开发模式中有，这是否意味着它们尚未完全开发？这也可能意味着。产品构建仍然包含源代码映射，请参阅和