# webpack5-react17-ssr

**Repository Path**: leaves_ming/webpack5-react17-ssr

## Basic Information

- **Project Name**: webpack5-react17-ssr
- **Description**: webpack5-react17-ssr 脚手架
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-04-10
- **Last Updated**: 2024-06-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 命令

##### 前端渲染页面
```js
npm run dev
```

##### 服务器端渲染
```js
npm run server:dev
```

##### 打包
```js
npm run build
```

##### 部署
```js
npm run build && npm run server
```


### 脚手架开发
一、最基本的SSR脚手架
* babel 
* webpack 
* react 
* redux 
* koa 
* ssr 
* nodemon 
* html-webpack-plugin
对应搭建教程：https://www.yuque.com/groovemingyang/km2086/xq8l9h

二、脚手架--操作数据库
* less
* mysql
* sequelize
* middleware 
* controller 
* modals
对应搭建教程：https://www.yuque.com/groovemingyang/km2086/rzzfae

三、脚手架--照片墙
* 后台管理系统界面
* antd
* 照片墙动效UI
* 图片上传

四、脚手架--部署阿里云
* nginx
* pm2
* jenkens
* 阿里云服务器

五、脚手架--登录注册
* session
* 登录和注册UI
* 权限路由控制
* 用户权限

六、脚手架--移动端基础UI
* 响应式方案
* 返回动画
* 返回记住滚动条位置
* 移动端底部tab
* 移动端滑动tab
* 移动端轮播图
* 骨架屏
* 骨架屏
* 上拉加载下拉刷新

七、脚手架--性能优化
* 按需加载
* CDN
* nginx缓存
* gzip压缩
* webpack打包优化





### API官方网站
##### Squelize 数据库链接
https://www.sequelize.com.cn/
##### Joi 接口参数校验
https://joi.dev/api/?v=17.6.0
##### koa2中文文档
https://www.itying.com/koa/article-index-id-90.html


### 服务地址
后端地址：
127.0.0.1:9000
前端地址：
127.0.0.1:9000 或 127.0.0.1:8081
文件服务：
127.0.0.1:9000