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

Question

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

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

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

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

Answer 1

react-scripts是一个用create-react-app构建的软件包，当你运行npm run start它执行一个包含在react-scripts包中的脚本/程序时，你可以看到启动命令here的脚本，因为你可以看到该脚本调用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

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

如果有任何疑问，请随时提出疑问