reactjs - ReactJS 中生产和开发构建的区别

Question

最近我开始学习 React，我看到了一个教程，他们使用 Webpack 创建生产和开发版本。但没有解释这两种版本之间的区别以及何时必须使用哪一种。我在互联网上搜索但没有找到任何对我有帮助的东西。有人有我错过/没有读过的教程或解释吗？

Answer 1

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

另一方面，生产构建在生产模式下运行，这意味着这是在客户端计算机上运行的代码。生产构建运行 uglify 并将源文件构建为一个或多个最小化文件。它还提取 CSS 和图像，当然还有您使用 Webpack 加载的任何其他源。也不包括热重载。源映射可能会作为单独的文件包含在内，具体取决于您的 webpack devtool settings .

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

webpack-production documentation 非常简单。另外，文章Webpack 3 + React — Production build tips很好地描述了使用 Webpack 为 React 创建生产版本的过程。