react项目修改默认配置

最新推荐文章于 2022-08-09 13:53:41 发布

顾夏阳_xy

最新推荐文章于 2022-08-09 13:53:41 发布

阅读量1.4k

点赞数 1

分类专栏： react 文章标签： react webpack

本文链接：https://blog.csdn.net/weixin_44245226/article/details/104470570

版权

本文介绍了在基于create-react-app创建的react项目中修改webpack配置的两种方法：一是使用react-app-rewired和customize-cra，二是不推荐的eject方法。通过react-app-rewired和customize-cra可以方便地修改配置，而eject虽然能直接访问配置，但可能导致项目难以维护且不可逆。

摘要由CSDN通过智能技术生成

在react项目中修改webpack配置文件

在通过create-react-app创建的react项目中想要修改一些配置是比较难的，在日常学习和工作中我总结了以下两种方法

1. 通过react-app-rewired和customize-cra修改

首先安装相应的包，可以通过yarn的方式也可以是npm的方式。
```
  $ yarn add react-app-rewired customize-cra
```
修改package.json文件

/* package.json */
"scripts": {
   
-   "start": "react-scripts start",
+   "start": "react-app-rewired start",
-   "build": "react-scripts build",
+   "build": "react-app-rewired build"<