如何告诉 ReactJS 在生产模式下构建项目？

在开发模式下，React 包含许多警告，以帮助在问题导致错误之前发现问题。这样做会增加包大小并使应用程序运行速度变慢。在本地处理应用程序时可能会接受减速，但我们无法在部署时承受这种情况。

在开发模式下，React 在内部使用了几种巧妙的技术来最小化更新 UI 所需的昂贵 DOM 操作的数量。尽管如此，有几种方法可以加速我们的 React 应用程序——生产构建就是其中之一。

生产构建将做什么？

生产版本创建了缩小的捆绑包、更轻量的源地图和优化的资产。这改善了加载时间。 React 建议在部署 react 应用程序时使用生产模式。我们现在知道生产构建有助于优化性能。

现在让我们看看如何在生产模式下创建 React 应用程序。

使用 Create React App 创建 React 应用程序：

第 1 步：打开终端并运行以下命令来创建 React 应用程序的项目文件夹：
```
npx create-react-app myapp
```
第二步：进入项目文件夹：
```
cd myapp
```

项目结构：初始项目结构如下所示。

项目结构

第 3 步：现在编辑项目中的 App.js 文件并将预先存在的代码替换为以下代码。

App.js

import logo from './logo.svg';
import './App.css';
  
function App() {
  return (
    
      
        
        
          This is my React App.
        
  
      
    
  );
}
  
export default App;