# webpack-multiple-page

**Repository Path**: zx01785233/webpack-multiple-page

## Basic Information

- **Project Name**: webpack-multiple-page
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-04-24
- **Last Updated**: 2021-01-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


webpack静态页面




#### 1.1.0 新增自动创建文件功能
```
添加新增文件的配置文件  build/bin/new.js

在build/config/pages.js里面添加对应的配置即可
```
#### 1.1.1 引入jquery使用静态本地文件或者第三方文件

### 未解决问题

#### 1. 无法监听html的实时变化 

### 目录结构

```
│─build                                 多页面配置文件
|     ├─bin                             新增文件的配置
|     | ├─new.js                       生成规则  
│     ├─config                          可以改变的配置 
│     │ ├─pages.js                      需要打包的页面名称
│     │ └─ index.js                      web server配置
│     │ 
│     ├─webpack.base.config.js 
│     ├─webpack.dev.config.js
│     └─webpack.prod.config.js
│      
│     
│─src                                      // src 文件夹
│    ├─pages                               // 页面文件夹
│    │  ├─about
│    │  │      about.html
│    │  │      about.js
│    │  │      about.scss
│    │  │
│    │  │ 
│    │  │
│    │  └─home
│    │          home.html
│    │          home.js
│    │          home.scss
│    │
│    └─assets                          // 公共文件夹
│          ├─ layout                   // 复用html     
│          │     head.html             // 公共头文件 
│          │ 
│
│
│
│─static                               //静态文件文件夹
│    ├─js
│    ├─css
│    └─img                             (img)最好使用这个名称为图片文件夹
│
│  .babelrc                           // babel的配置文件
│  .gitignore
│  package.json
│  README.md

```



### 构建步骤
``` bash
# 安装依赖
npm install

# 开发的时候在本地启动, 并开始热加载
npm run dev

# production的发布时打包
npm run build
```