本文共 654 字，大约阅读时间需要 2 分钟。

项目打包和优化

 

4.1 项目打包

① 打开 create-react-app 脚手架文档中的部署。

② 在根目录创建 .env.production 文件，配置生产环境的接口基础路径。 ③ 在项目根目录中，打开终端。 ④ 输入命令：yarn build，进行项目打包，生成 build 文件夹（打包好的项目内容）。 ⑤ 将 build 目录中的文件内容，部署到服务器中即可。 ⑥ 可以通过终端中的提示，使用 serve –s build 来本地查看（需要全局安装工具包 serve）。

4. 项目打包和优化 4.2 修改脚手架配置说明

create-react-app 中隐藏了 webpack 的配置，隐藏在 react-scripts 包中。

修改脚手架的 webpack 配置有两种方式：  运行命令 npm run eject 释放 webpack 配置（注意：不可逆操作）  通过第三方包重写 webpack 配置（比如：react-app-rewired 等）

4. 项目打包和优化 4.3 项目优化

① 打开 antd-mobile 在 create-react-app 中使用的文档。

② 安装 yarn add react-app-rewired customize-cra（用于重写脚手架配置）。 ③ 修改 package.json 中的 scripts。 ④ 在项目根目录创建文件：config-overrides.js（用于覆盖脚手架默认配置）。 ⑤ 安装 yarn add ba

转载地址：https://blog.csdn.net/yexiangCSDN/article/details/117334751 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！