在node与webpack环境下使用react
前面基本的基于node的webpack项目已经搭建完毕了，接下来我们在该环境中引入react：
在项目中使用react
装包
在终端输入：
cnpm i react react-dom -S
安装react和react-dom两个包，注意-S代表该包不仅在开发过程中要用到，产品发布上线后也需要用到；-D代表装的包只在开发过程中用到，比如webpack。
导入包
在index.js中导入安装的两个包：
import React from "react"
import ReactDOM from "react-dom"
这之后就可以在index.js中使用React了。注意导入的包名必须要这么写，不能取其它自定义的名字。
渲染最基本的虚拟DOM元素到页面
index.html：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Index首页</title>
</head>
<body>
<div id="app"></div>
</body>
</html>
index.js：
import React from "react"
import ReactDOM from "react-dom"
const myh1 = React.createElement("h1", null, "Hello World!");
ReactDOM.render(
myh1,
document.getElementById("app")
);
在终端输入npm run dev之后自动打开的页面显示如下：
成功