webpack配置多页面项目

相信经常使用webpack的人已经深刻体验到自动化工具给我们带来的便利。我自己最常用的是vue,平时就是使用vue-cli或者nuxt构建的项目，聪明的前辈已经为我们配好了项目，可以让我们不必去配置就可以轻松使用。

然而在真正的项目中，我们常常需要写一些简单的页面，并不基于vue这样比较大的框架，比如我明天上班就要做的这个公众号介绍，只有几个页面，但是我又希望能使用webpack来辅助我更好完成工作，在今后的工作中也基于这个demo来进行开发，所以今天就来简单的配置一下webpack。

我现在做的这个项目只有简单的两个页面，不基于任何框架。

about.html,

contact.html

1-npm init  webpack-config-demo 初始化项目

2-新建webpack.config webpack配置文件

3.在webpack.config写入配置，我的基础配置如下：

var webpack = require('webpack');
const path = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin');
const ExtractTextPlugin = require("extract-text-webpack-plugin");
const CleanWebpackPlugin = requir