reactjs - "npm start"如何在 create-react-apps 中工作

标签 reactjs create-react-app

执行 npm start 命令后后台发生了什么?它是否会生成类似 Web 服务器之类的东西以便您的浏览器可以与之通信?

最佳答案

create-react-app 中的 npm start 正在做很多事情,其中​​它使用 webpack-dev-server 来启动可以与之通信的开发服务器。

如果您对它的工作原理更感兴趣,您应该尝试运行npm runject

这将允许您查看 Create-React-App 的作用,因为它将 npm start 运行的脚本直接放置在您的应用程序目录中。它将这些脚本使用的 webpack 配置文件进一步添加到您的目录中。最后它会更新你的 package.json 文件,这样你就可以实际看到 Create-React-App 正在使用哪些依赖项(在这些依赖项中你会找到 webpack-dev-server)

如果您随后查看package.json并查看“脚本”部分,您可以开始遵循每个命令的实际用途。例如,可以在此处找到“启动”命令。这将调用脚本文件夹中的 start.js 文件。您将在该文件中看到正在启动的 webpack-dev-server。

一般来说,您可以查看 scriptsconfig 这两个文件夹来了解详细信息。

关于reactjs - "npm start"如何在 create-react-apps 中工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49609830/

相关文章:

reactjs - 静态S3网站(React SPA)记录到Elasticsearch

reactjs - 将 Phaser 与 React 结合使用

javascript - React : Deep requiring is deprecated as of uuid, 请要求顶级模块

javascript - 如何使用带有此类实例的 'styled' 而不是 'makeStyles' 的 MUI v5 设置工具栏样式?

reactjs - 使用环境变量设置基本 href

javascript - react sibling 的通信,只能访问 parent

javascript - Reactjs 路由器匹配回调参数始终未定义

reactjs - vscode 和 eslint <Text> 上的缩进错误 | JSX | react native

javascript - 当子组件通过父组件过滤时,如何维护子组件的状态?

node.js - 使用 Express 创建 React 应用程序