0053. 通过脚手架来搭建工程 vs. 通过 CDN 的方式来直接引入 react 相关的库
1. 📝 概述
- 加深对脚手架作用的理解 —— 使用脚手架和不使用脚手架来初始化工程,存在什么区别?
2. 🤔 通过脚手架(比如 vite、umi、create-react-app)来搭建工程 vs. 通过 CDN 的方式来直接引入 react 相关的库
- 如果想要快速搭建一个 react 项目,推荐使用脚手架,因为脚手架会帮我们做更多的工程配置,比如 babel 的配置,webpack 的配置,eslint 的配置等,这些配置都帮我们做了,我们只需要关注业务代码就可以了。
- 脚手架帮我们解决的主要是项目的一些初始配置问题,这些配置是相对通用的,省去了我们手动引入这些配置的流程。
- 最终运行的打包产物,依旧是这种传统的 html+css+js 页面形式,本质是没变的。
3. 💬 评价
- 在初学阶段,跳过脚手架,手动搭建 react 工程所需的基本结构,有助于加深对项目整体结构的理解。
- 对于一些简单的 demo,只需要通过 CDN 的方式将必要的库引入测试即可。