第2篇 React技术栈 --》plugin与JSX语法使用 ##
Day2
文章目录
一、html-webpack-plugin插件配置
1.没使用插件之前:打开网站首页的步骤是:
2.现在配置插件:配置插件步骤
3.使用插件之后:打开网站首页的步骤是:
二、在项目中使用React
1.新建终端运行 安装包
2.在index.js文件中导入包
3.在index.js文件中创建虚拟DOM
4.在index.js文件中使用 ReactDOM 把虚拟DOM 渲染到页面上
5.在index.html页面中创建一个容器
6.终端执行 npm run dev 查看网页,执行如下成功
7.出现的一系列问题
三、React.createElement实现虚拟DOM嵌套
正常语法:
JSX语法:
1.什么是JSX语法:
2.如何启用jsx语法?
一、html-webpack-plugin插件配置
通常我们所知,内存和物理磁盘相比,内存的运转速度是最快的,处于性能的考虑,devserver把
打包好的文件放到内存当中去托管也就是上文我们讲到的mian.js这个文件,现在我们要把首页
index.html也托管到内存当中去,这时就要借助我们现在讲的这个插件了。
1.没使用插件之前:打开网站首页的步骤是:
新建终端输入:npm run dev