react与node结合

---

• • 
    
• 微信扫码关注公众号 ：前端前端大前端，追求更精致的阅读体验 ，一起来学习啊
• 关注后发送关键资料,免费获取一整套前端系统学习资料和老男孩python系列课程
  
  • 
    

---

​​学习资源推荐​​

react与node结合

• • 
    
• ​​下载官方脚手架​​
• ​​编写前台代码​​
• ​​编译​​
• ​​安装express​​
• ​​在build目录下新建app.js​​
• ​​node app.js运行​​
  • 
    

下载官方脚手架

- npx create-react-app myapp

编写前台代码

• 这里就简写了

import React from 'react'

function App() {
  return <div>hello</div>
}
export default App;

编译

- npm build

• 执行完这个命令后，会在目录中生成build文件夹

安装express

- npm i express

在build目录下新建app.js

const express = require('express')
const app = express();
app.use(express.static(__dirname))
app.listen(3000, function () {
    console.log('服务器启动 port 3000 .....')
})

node app.js运行

• 打开目标访问地址，查看效果