基于webpack3.x的多页面配置（HtmlWebpackPlugin学习篇一 ——基础篇）

不用脚手架，搭建多页面webpack应用

基于webpack3.x的多页面配置（HtmlWebpackPlugin学习篇二 ——动态配置entry和htmlWebpackPlugin篇

• 由于项目需要用apicloud构建仅app的项目，所以之前做过的基于vue脚手架+webpack的单页面模板就有很大的弱点，api的官方文档就不大用的上了，app唤起浏览器等等操作都需要在网上疯狂的寻找。所以我打算用纯粹自己布置文件夹，自己动手配置webpack，让我的项目能基于scss操作，能够最后尽可能压缩等等优化我最后的项目。
• 来跟着我一天学会webpack吧！
• 接下来主要上我文件夹的存放方式，和对应webpack的配置，让html自动引入对应的js，话不多说上代码。

1. 第一种情况，js单独存放一个js文件夹，所有的html仅在src下，文件夹如下

• webpack.config.js
• 一下是webpack.config.js的核心配置，需要导出的config

let config = {
   
  entry: {
   'pageA':'./src/js/pageA.js','pageB':'./src/js/pageB.js'},  
   //项目的入口文件，单页面应用可能只需要一个入口文件，多页面应用需要多个
   // 重点pageA这个名称，后面[name]及chunks用到的‘pageA’就是指输出名字为pageA.js
  output: {
   
    path: path.resolve