我一直在使用React项目,create-react-app并且有两个选项可以启动该项目:
create-react-app
第一种方式:
npm run start定义package.json如下:
npm run start
package.json
"start": "react-scripts start",
第二种方式:
和 npm start
npm start
这两个命令有什么区别?的目的是react-scripts start什么?
react-scripts start
我试图找到定义,但是我发现了一个带有名称的软件包,但我仍然不知道该命令的含义。
react-scripts是create-react-app入门包中的一组脚本。create-react-app可帮助您启动项目而无需配置,因此您不必自己设置项目。
react-scripts
react-scripts start设置开发环境并启动服务器,以及热模块重新加载。您可以在这里阅读以了解它为您所做的一切。
使用create-react-app,您可以立即使用以下功能。
React,JSX,ES6和Flow语法支持。 ES6以外的其他语言,例如对象传播运算符。 自动前缀的CSS,因此您不需要-webkit-或其他前缀。 快速的交互式单元测试运行程序,内置对覆盖率报告的支持。 实时开发服务器警告常见错误。 一个构建脚本,用于将JS,CSS和图像与哈希和源映射捆绑在一起进行生产。 满足所有渐进式Web应用程序标准的脱机优先服务工作者和Web应用程序清单。 单一依赖项即可轻松更新上述工具。
npm start是的快捷方式npm run start。
npm run用于运行您在scriptspackage.json对象中定义的脚本
npm run
scripts
如果start脚本对象中没有键,则默认为node server.js
start
node server.js
有时您想要做的事情超出react脚本所能提供的,在这种情况下,您可以做react-scripts eject。这会将您的项目从“托管”状态转换为非托管状态,您可以在其中完全控制依赖项,构建脚本和其他配置。
react-scripts eject