不同的react项目创建方式中server是怎么创建的?

      react项目的创建方式主要有两种,一种是通过node的npm和webpack一步一步的按需创建(此方式称为方式一),一种是通过create-react-app脚手架快速构建(此方式称为方式二);方式一中的项目启动脚本需要自己配置,方式二中的项目启动脚本已自动配置好

 通过两种启动脚本,我们来看server的创建过程。

方式一:在node_modules >> webpack-dev-server >> lib >> Server.js文件中,通过express创建express server,然后在node_modules >> webpack-dev-server >> bin >> webpack-dev-server.js文件中引入Server.js,再通过new Server()来创建server。

方式二:在node_modules >> react-scripts >> start.js文件中,先是引入了webpack-dev-server模块,然后通过new WebpackDevServer创建server,至于webpack-dev-server中创建server的过程,就与方式一相同了。

也就是说,方式二其实是间接的通过webpack-dev-server命令来创建server。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值