# multi_page_webpack_config

**Repository Path**: jx915/multi_page_webpack_config

## Basic Information

- **Project Name**: multi_page_webpack_config
- **Description**: 做官网用，多页面配置
- **Primary Language**: JavaScript
- **License**: GPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

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

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 多页面管理配置

#### 介绍

html-webpack-plugin 配合ejs模板 做多页面

#### 软件架构

构建工具： `webpack`
包管理： `yarn`
模板引擎： `ejs`

#### 使用教程

1、下载 `node` 并安装（修改npm包缓存和全局安装路径）

``` 
// 示例
npm config set prefix "D:\\Program Files (x86)\\Node\\prefix"
npm config set cache "D:\\Program Files (x86)\\Node\\cache"
```

2、下载 `yarn`

``` 
npm i yarn -g
```

3、配置环境变量

将npm全局包路径添加至环境变量，控制台命令 `yarn -v` 查看是否正确显示

4、安装package

``` 
yarn 
```

或

``` 
npm install
```

5、运行（开发环境下）

``` 
yarn start
或
npm run start
```

6、打包

点击执行 `build.sh` 一键打包



#### 目录说明

``` 
|-- CHANGELOG.md
|-- LICENSE
|-- README.md
|-- build
|   |-- env.conf.js  环境变量
|   |-- webpack.base.conf.js  通用配置
|   |-- webpack.dev.conf.js   开发环境
|   |-- webpack.pro.conf.js   生产环境
|   |-- webpack.rules.conf.js 
|-- build.sh 
|-- package-lock.json
|-- package.json
|-- src
|   |-- assets      图片和less资源
|   |-- layouts     布局文件
|   |-- pages       页面
|   |-- static      静态文件
|   |-- templates   模板文件
|   |-- utils       js
|-- tar
|   `部署文档.md
|-- yarn-error.log
|-- yarn.lock

```

#### 页面

pages下面的文件可以无限套娃