react-scripts的工作原理

2023-10-31

我们来看看执行npm start/yarn start时,代码如何执行的。

首先我们使用react脚手架工具create-react-app初始化完一个react项目,打开package.json :

在命令行中执行npm start/yarn start时,相当于执行react-scripts start, 我们去node_modules/中去找

react-scripts.js文件会根据参数去判断执行哪种构建脚本,比如当前参数是start,那么就会去执行scripts目前下的start.js

在start.js中引入了webpack-dev-server,该模块是一个webpack的插件,专门用来启动本地调试服务器的。

下面代码就是启动服务

下面我们在终端输入yarn start试试:

同样,我们看看build.js里面:

webpack.config.js里

所以我们使用create-react-app搭建项目时无需我们来配置构建脚本。

参考:react-scripts实现原理 

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

react-scripts的工作原理 的相关文章

  • 华为手机鸿蒙系统官方下载入口,华为鸿蒙系统官方下载入口

    华为鸿蒙系统官方下载入口是华为鸿蒙系统的升级版 新版本功能更加强大 主要体现在对关键分布式软总线 分布式数据管理 分布式安全等分布式功能的全面升级 它不仅将改变和提高安全性和速度质量 而且将从智能屏幕扩展到更多的智能设备 包括可穿戴设备和移

随机推荐