React基础-webpack+creact-react-app创建项目

学习视频：学习视频

2节：webpack工程化创建项目

2.1.webpack工程化工具：vite/rollup/turbopak;

+实现组件的合并、压缩、打包等；
+代码编译、兼容、校验等；

2.2.React工程化/组件开发

我们可以基于webpack自己去搭建一套工程化打包的架子，但是这样非常的麻烦、复杂；React官方，为我们提供了一个脚手架：
+脚手架：基于它创建项目，默认就把webpack的打包规则已经处理好了，把一些项目需要的基本文件也都创建好了

2.3.create-react-app基于运用

• 安装脚手架：npm跑项目改为yarn跑项目：把node_modules和package-lock.json删掉，用yarn跑就行了
  $ npm i create-react-app -g
  检查安装情况
  $ create-react-app --version
• 基于脚手架创建React工程化的项目
  $ create-react-app 项目名称 (项目名称要遵循npm命名规则，数字、小写字母、_ 命名)

项目目录：
|-node_modules: 项目依赖
|-src: 所有后续编写的代码，几乎都放在src下，[打包的时候一般只对这个目录下的代码进行处理]
	|-index.js ----入口文件
|-public:放页面模板
	|-index