# fed-e-task-03-04

**Repository Path**: frontend_site/fed-e-task-03-04

## Basic Information

- **Project Name**: fed-e-task-03-04
- **Description**: Vue.js 服务端渲染（SSR）及静态站点生成（SSG）
- **Primary Language**: JavaScript
- **License**: ISC
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-06-28
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 1.依赖安装

https://ssr.vuejs.org/zh/

```shell
npm install --save vue vue-server-renderer express cross-env

npm install --save-dev webpack webpack-cli webpack-merge webpack-node-externals rimraf friendly-errors-webpack-plugin

npm install --save-dev @babel/core @babel/preset-env @babel/plugin-transform-runtime babel-loader

npm install --save-dev vue-loader vue-template-compiler vue-style-loader

npm install --save-dev url-loader css-loader style-loader file-loader

npm install --save-dev chokidar
```



## 2.源码结构

```bash
src
├── components
│   ├── Foo.vue
│   ├── Bar.vue
│   └── Baz.vue
├── App.vue
├── app.js # 通用 entry(universal entry)
├── entry-client.js # 仅运行于浏览器
└── entry-server.js # 仅运行于服务器
```



## 3.项目配置

### 1. 配置结构

```bash
build
├── build.client.js
├── build.server.js
├── utils.js
├── webpack.base.config.js # 公共配置项
├── webpack.client.config.js # 客户端配置项
├── webpack.server.config.js # 服务端配置项
```



## 4. XS

```javascript
// https://www.expressjs.com.cn/4x/api.html
// https://ssr.vuejs.org/zh/api
```