懒懒的天空

React的组件渲染 React组件总共有两种，一种是Function组件，一种是Class组件，两种渲染方式不同 Function组件 编写函数式组件 转化后代码 虚拟DOM 分析 注意React.

单例模式 简单的单例模式 通过一个getInstance方法获取对象，首先判断一个对象是否存在，如果存在则就将该对象返回，如果不存在就先实例化对象（创建对象），然后再返回 将实例存储在对象中 使用闭包

React的虚拟DOM转化为真实DOM 在上一篇React的虚拟DOM生成中，我们成功的将jsx转换的函数转变为了虚拟DOM，我们现在需要做的就是将其转化为真实DOM并渲染在界面上。 首先我们来过一下

React的虚拟DOM生成 虚拟dom，实际上就是js对象，只是这个对象描叙了dom结构。那么我们的目标就是需要将jsx转化为js对象，这个操作该什么时候处理比较合适呢？ 在上一篇认识jsx中，我们了

认识JSX JSX语法 简单来说就是用js代码中混入了html，js代码的写法 html标签表示 jsx中html代码直接使用正常的html标签即可，与原生的没有区别 组件表示 jsx中组件默认是大写

多页面打包 动态获取entry和设置html-webpack-plugin数量 利用glob库获取文件目录 修改文件路径 配置

自动添加前缀 效果 相关插件 相关配置 处理css(less)文件的loader配置上添加postcss-loader 根目录下添加文件：postcss.config.js px自动转化为rem 效果

文件指纹 js文件指纹 设置output的filename，使用[chunkhash] css文件指纹 设置MiniCssExtractPlugin的filename，使用[contenthash]

基础配置 【mode】：模式，开发模式 ,生产模式 【watch】：是否启用文件监听，自动打包，默认为false，只有设置为true了，watchOptions才有意义 【watchOptions】：