react工程化开发

react工程化开发

组件化/模块化

业务组件 & 通用组件

全局命令create-react-app

npm run eject

npm run eject 暴露webpack配置。（一旦暴露就无法还原）

新增了很多依赖项

@babel/core es6转成es5

react-refresh 关于刷新的插件

babel-preset-react-app 对@babel/presest-env的重写，使其能识别react的语法

尝试配置项修改

规则配置项通过module.exports导出，导出一个函数，未来这个函数一定会执行。

以修改less为例：

环境变量更改：cross-env

浏览器兼容

browserlist

*5.proxy跨域

MVVM

*区别mvc&mvvm

两者的区别：

数据模型去渲染视图。数据层改了，vue自己会监听到帮我们拿最新的数据去渲染视图；构建数据构建视图，数据驱动的思想。这一套是非常相似的。

视图中的内容改变，比如一个input，vue会监测到视图改变自己把数据改了，不仅实现了数据驱动视图，视图也驱动数据，反向地视图驱动数据，双向的；

jsx构建视图

xml：通过自定义标签存储数据

通过reactdom

10n -> bigint