# multi-page-website

**Repository Path**: bbaaoo/multi-page-website

## Basic Information

- **Project Name**: multi-page-website
- **Description**: 多端多页面配置
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-17
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

使用webpack4+ejs构建多端多页应用

#### 安装教程

1.  npm i 或 yarn

#### 使用说明

1.  npm install 或 yarn 安装所需包
2.  npm run dev 或 yarn dev 启动开发环境
3.  npm run build 或 yarn build 生产环境打包

#### 目录结构

```html
1. 单端or响应式
-dist 打包目录
-static 静态文件夹
- src
	- common 公用代码库
    - [其他页面文件夹] 结构与index一致
  	- index  首页(必须)
   	 	- index.ejs 页面模板
      - index.js  入口文件
    	- index.less 页面样式

2. 多端
...
- src
	- common 公用代码库
    - pc 可自定义命名
		- [其他页面文件夹] 
      - index --首页(必须)
        - index.ejs 页面模板
        - index.js
        - index.less
	- h5 可自定义命名
		- [其他页面文件夹]
      - index  首页(必须)
        - index.ejs 页面模板
        - index.js
        - index.less
```

#### 静态文件引用

如：页面中引用static中的图片  `<img src="static/123.png" alt="" srcset="">` 无需添加其他层级



#### 静态网站托管

纯静态网站建议使用对象存储及cdn进行托管，可以加速网站的访问

https://cloud.tencent.com/document/product/436/9512