npm 如何启动工作?后台发生的所有流程是什么?



谁能解释一下当我们运行 npm start 时,React 应用程序中幕后实际发生了什么?如何加载反应应用程序?

npm 脚本只是在项目上运行一系列节点命令的快捷方式。 任何 npm 脚本,即 package.json 文件"脚本"部分下列出的任何 node.js 命令,在调用它们时都通过 node.js 执行。 因此,npm start运行 package.json 中start下列出的节点脚本。 就像 cbr 在评论中提到的文章中一样,在create-react-app的情况下,会发生这种情况:

从同名库中创建一个 WebpackDevServer 的新实例,传入编译器和配置。Webpack 由 WebpackDevServer 运行。调用实例上的侦听器方法,传入端口和主机值。然后,这将清除控制台并显示文本"正在启动开发服务器..."。使用正确的开发 URL 打开浏览器。最后,在进程被终止时添加两个侦听器,这将关闭 Web 服务器并退出 start.js 进程。

这是一篇很棒的文章@cbr链接并强烈推荐。 但这只是针对CRA的。 如果你从头开始设置一个 react 项目(如果你刚刚开始学习所有这些东西,强烈推荐(,你的start脚本可能如下所示:

"start": "webpack-dev-server --mode development --open"

这会告诉 webpack 启动开发服务器,实时提供文件,并将浏览器打开到您在webpack.config文件中指定的端口(否则它将使用默认的 8080(。 如果已准备好为最终部署生成项目,则应编写build脚本并运行npm run build。 它可能看起来像这样:

"build": "webpack --mode production"

了解 webpack 将帮助您了解大多数 react 项目的幕后情况。 希望有帮助,并感谢@cbr。

最新更新