react怎么配置启动端口

react配置启动端口

修改react 默认端口

前言:对package.json的认识

首先我们应该对package.json有一个认识:它包含了整个项目所依赖的模块以及项目的配置信息。下面我们说一下package.json中重要的几个属性:

1、scripts: 通常它指定了npm命令行的缩写,比如start指定了运行npm run start时,要执行的命令。

下面的设置分别指定了start、build、test、eject要执行的命令。

企业微信截图_16007372874716.png

2、dependencies: 指定项目运行所依赖的模块,即:开发版和发布版都需要的依赖。

3、devDependencies:指定项目开发所需要的模块,即:开发版需要但发布版不需要,例如关于测试的、文档类的。

npm install <package_name> --save 表示将这个包名及对应的版本添加到 package.json的 dependencies
npm install <package_name> --save-dev 表示将这个包名及对应的版本添加到 package.json的 devDependencies

修改react port的方法

执行npm start便可启动项目,所以不管是react怎么升级,找修改端口的位置,我们首先都应该想到看一下package.json里面的配置信息。如果你是先前创建的项目,端口的修改是在scripts文件夹的start.js文件里。但是现在创建的项目里没有了scripts文件夹了,但看package.json(看上图)会发现它放到了依赖里面,在node_modules文件夹里的可以看到react-scripts文件夹,在start.js里可以找到修改端口的代码。如下图:

企业微信截图_16007372974958.png

更多相关技术文章,请访问HTML中文网

以上就是react怎么配置启动端口的详细内容,更多请关注html中文网其它相关文章!

赞(0) 打赏
未经允许不得转载:html中文网首页 » React 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏