自定义npm脚本在我的代码中如何工作？

Question

我正在读取节点js代码，其中package.json我发现以下脚本

scripts: {
   start : 'some-dependency start' 
}

因此，当我运行npm run start它实际上是通过Web服务器启动应用程序，并在项目中提供静态文件。

我的问题是some-dependency start如何some-dependency start运行？ 它能做什么？ 它如何为我的静态文件提供服务。 我在内部看到使用react-scripts some-dependency 。 但是我无法确定所有这些事情是如何工作的。

Answer 1

当您运行npm run start时， react-scripts是一个由create-react-app内置的软件包，它执行包裹在react-scripts软件包中的脚本/程序，您可以在此处查看start命令的脚本，因为您可以看到脚本调用了webpack-dev-server，该服务器在服务器上提供捆绑的javascript

通常，当您通过package.json文件执行某些脚本时，也会发生同样的情况，您需要指定命令/调用脚本

例如，考虑以下package.json文件中存在的脚本

 script: {
    "development": " cd client/ && NODE_ENV=development webpack -w --config webpack.dev.config.js"
}

在上面的示例中，当您运行npm run development ，会发生以下情况

1. 将目录更改为客户端
2. 节点环境即将开发
3. 使用客户端目录中存在的配置文件webpack.dev.config.js调用webpack

它执行配置文件中写入的内容

随时提出疑问