最近我开始学习react,我看到了一个教程,他们用Webpack来创建生产和开发版本.但是没有解释这两个版本之间的区别是什么,以及何时必须使用哪个版本.我在网上搜索了一下,但没有找到任何对我有帮助的东西.有没有人有我错过/没有读过的教程或解释?

推荐答案

顾名思义,开发构建是出于开发原因而使用的.在这些构建中,您有源代码映射、调试和通常的热重新加载功能.

另一方面,生产构建在生产模式下运行,这意味着这是在客户机上运行的代码.生产版本运行uglify并将源文件构建为一个或多个最小化文件.它还提取CSS和图像,当然还有你用Webpack加载的任何其他来源.也不包括热重新加载.源 map 可能会包含为单独的文件,具体取决于您的网页devtool settings.

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

webpack-production documentation 是非常直截了当的.

Reactjs相关问答推荐

Reaction Native:在初始获取后,Reducer变为未定义

REACT路由DOM根据参数呈现不同的路由

可选链和useState挂钩

替换谷歌 map api默认信息窗口与自定义

当列表中的项的顺序改变并且使用唯一键作为它们的索引时,Reaction如何看待呈现方面?

React:关于useEffect钩子如何工作的困惑

可以使用mode.css/mode.scss引用常规的类名吗?

在transformResponse中使用来自其他查询的缓存

当useEffect和onClick处理程序都调用useCallback函数时,有没有办法对useEffect产生额外的影响?

如何解决Reaction中遗留的上下文API错误?

使用以Jest 的方式返回 Promise 的方法来模拟可构造的 API 类时出现问题

当 URL 与我声明的任何路由都不匹配时,如何使用不会重定向到错误页面的动态 URL? - react 路由 dom

如何隐藏移动导航栏后面的向下滚动图标和文本?

字段是必需的,当它没有定义时

单击按钮时如何添加或删除 3d 对象

改变输入的默认值时出现问题:number react-hook-form

如何保留我的下一个授权用户会话?所以我可以使用提供的 ID 在其他路由中获取数据

如果查询不存在,如何返回所有产品?

将 C# Razor 条件块转换为 React.js 代码

React router dom 6 和 bootstrap 2.5 nav 链接渲染整个应用程序