"到底什么是"反应脚本启动"命令？"

Question

我一直在使用create-react-app处理React项目，我有两个选项来启动该项目：

第一种方式：

npm run start，其定义位于package.json中，如下所示：

"start"："反应脚本开始"，

第二种方式：

npm启动

这两个命令之间有什么区别？还有，反应脚本启动的目的是什么？

我试图找到定义，但我只是找到了一个有这个名字的包。我还不知道这个命令有什么用？




Answer 1

“开始”是一个脚本的名称，在npm中，您运行这样的脚本npm run scriptName，npm start也是npm run start

至于“react脚本”，这是一个专门与创建react应用程序相关的脚本

Answer 2

正如Sagiv b. g.指出的，npm start命令是npm run start的快捷方式。我只是想添加一个现实生活中的例子来澄清它。

下面的设置来自create react应用程序github repo。json定义了一组脚本，这些脚本定义了实际的流。

"scripts": {
  "start": "npm-run-all -p watch-css start-js",
  "build": "npm run build-css && react-scripts build",
  "watch-css": "npm run build-css && node-sass-chokidar --include-path ./src --include-path ./node_modules src/ -o src/ --watch --recursive",
  "build-css": "node-sass-chokidar --include-path ./src --include-path ./node_modules src/ -o src/",
  "start-js": "react-scripts start"
},

蓝色框是对脚本的引用，所有这些脚本都可以通过npm运行直接执行

• npm运行启动
• npm运行构建

灰色框是可以从命令行执行的命令。

因此，例如，如果您运行npm start（或npm run start），它实际上转换为从命令行执行的npm run all-p watch css start js命令。

在我的例子中，我有一个特殊的npm run all命令，它是一个流行的插件，搜索以“build:”开头的脚本，并执行所有这些脚本。事实上，我没有任何符合这种模式的。但是它也可以用来并行运行多个命令，在这里，它使用-p

>

watch-css确保*. scss文件被翻译成*. css文件，并寻找未来的更新。

start js指向以开发模式托管网站的react scripts start。

总之，npm start命令是可配置的。如果您想知道它的功能，那么必须检查package.json文件。（当事情变得复杂时，你可能想做一个小图表）。

Answer 3

react scripts是来自create react appstarter pack的一组脚本。CreateReact应用程序可帮助您启动项目而无需进行配置，因此您无需自行设置项目。

react scripts start设置开发环境并启动服务器，以及重新加载热模块。你可以在这里阅读，看看它为你做了什么。

使用CreateReact应用程序，您可以获得以下功能。

• React、JSX、ES6和Flow语法支持。
• ES6之外的额外语言，如对象扩展运算符。
• 自动修复CSS，因此您不需要-webkit或其他前缀。
• 一个快速交互式单元测试运行程序，内置对覆盖报告的支持。
• 一个实时开发服务器，警告常见错误。
• 一个构建脚本，用于捆绑JS、CSS和用于生产的图像，带有哈希和源地图。
• 一个脱机优先服务辅助角色和一个Web应用清单，满足所有Progressive Web应用标准。
• 只需一个依赖项即可轻松更新上述工具。

npm start是npm run start的快捷方式。

npm run用于运行您在package.json的脚本对象中定义的脚本

如果脚本对象中没有start键，它将默认为node server.js

有时，您希望做的事情比react脚本提供的要多，在这种情况下，您可以执行react脚本弹出。这将把您的项目从“托管”状态转换为非托管状态，您可以完全控制依赖项、构建脚本和其他配置。