使用脚手架创建react项目以及webpack相关配置

本文介绍了如何使用create-react-app创建React项目,并详细讲解了如何通过eject命令暴露并自定义Webpack配置,包括端口设置、代理配置、环境区分以及打包选项。此外,还提到了配置中涉及的scripts/start.js、config/webpack.config.js、config/paths.js和config/webpackDevServer.config文件的作用。
摘要由CSDN通过智能技术生成

create-react-app(v5)  需要node版本>=14  npm start  文档地址:https://create-react-app.dev/

npm :npm i create-react-app 包名

yarn : yarn create-react-app 包名

creat-react-app默认隐藏了webpack配置文件,但实际开发中经常需要用到webpack配置,所以需要将隐藏的webpack配置文件暴露出来,在 package.json 中提供了 eject 命令

运行eject命令之前,先运行:git init , git add --all, git commit -m 'xxxxx';再运行暴露命令npm run eject,输入y   注意:一旦运行暴露命令是不可逆的,即不可再次隐藏webpack配置文件。

webpack相关配置介绍:

scripts/start.js

端口配置   

 生产所需

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值