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

【问题标题】：how does custom npm scripts works in my code?自定义 npm 脚本如何在我的代码中工作？
【发布时间】：2019-09-14 10:46:15
【问题描述】：

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

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

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

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

【问题讨论】：

标签： node.js reactjs npm create-react-app npm-scripts

【解决方案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 时，会发生以下情况

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

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

如有疑问请随时提出

【讨论】：