使用create-react-app时，start脚本是否会执行构建操作？

浏览器如何读取React文件？ #

在Create React App（CRA）中，执行yarn start会启动一个开发服务器（webpack-dev-server），浏览器并不是直接读取你本地的JSX源文件，而是通过这个服务器获取编译后的资源：

• 开发服务器会在运行时把你的JSX、ES6+语法等代码，实时编译成浏览器能识别的Vanilla JS
• 编译后的产物不会写入本地磁盘，而是暂存在内存中，这样能大幅提升开发阶段的响应速度
• 浏览器通过访问开发服务器的地址（默认是http://localhost:3000），获取到这些内存中的编译后文件并执行

yarn start是否以监听模式执行构建？ #

是的，这正是开发服务器的核心特性之一：

• 启动后会持续监听你项目中所有源文件（JSX、JS、CSS、图片等）的变化
• 一旦检测到文件修改，会立即触发增量编译——只重新编译发生变化的部分，而不是全量编译整个项目，节省时间
• 编译完成后，会自动触发浏览器刷新（默认支持热模块替换HMR，部分场景下无需全页刷新，直接更新局部模块）
• 和yarn build不同，它不会把编译产物写入build目录，所有操作都在内存中完成，只适合开发阶段使用

内容的提问来源于stack exchange，提问作者marielle