主要！多页面应用打包（MPA）

每一次页面跳转的时候，后台服务器都会返回一个新的html文档，这种类型的网站也就是多页网站，也叫做多页应用

优点

页面之间解耦
对SEO更加友好

多页面打包基本思路

每个页面对应一个entry，一个html-webpack-plugin，
缺点：每次新增或删除页面需要修改webpack配置

动态获取entry和设置html-webpack-plugin数量

利用glob.sync

entry: global.sync(path.join(__dirname, './src/*/index.js')),

动态设置的函数

const setMPA = () => {
    const entry = {};
    const HtmlWebpackPlugin = [];
    const entryFiles = glob.sync(path.join(__dirname, './src/*index.js'))
    // 打印查看效果
    console.log('entryFiles', entryFiles)
    return {
        entry,
        HtmlWebpackPlugin
    }
}
setMPA()