在src下新建多个js文件和html模板：

在entry里配置多个入口文件

  entry: {
    index: ‘./src/index.js‘,
    list: ‘./src/list.js‘,
  },

HtmlWebpackPlugin里配置不同的html页面引用不同的js文件

const plugins = [
  new HtmlWebpackPlugin({
    template: ‘./src/index.html‘,//使用模板index.html
    filename: ‘index.html‘,//打包生成的文件名叫index.html
    chunks:[‘index‘]//index.html里引用打包生成的index.js
  }),
  new HtmlWebpackPlugin({
    template: ‘./src/list.html‘,
    filename: ‘list.html‘,
    chunks:["list"]
  })
]

总结：多页面需要我们做的就是，在entry里配置多个入口文件，在HtmlWebpackPlugin里配置不同的html页面引用不同的js文件。

webpack多页面打包