webpack(4)配置打包多个html

现有文件：src/index.html，src/cart.html，src/js/jquery.js，src/js/common.js，src/js/index.js，src/js/cart.js。

要求：将jquery.js和common.js打包在一起生成一个chunk，作为通用库，index.html和cart.html都需要引用这个打包出来的通用库

index.js和cart.js分别打包生成自己的chunk

index.html中还要引入index.js打包后的chunk，cart中还要引入cart.js打包后的chunk

webpack.config.js文件：

const{resolve}=require('path');

const HtmlWebpackPlugin = require('html-webpack-plugin')

module.exports={

    entry:{

        vender:['./src/js/jquery.js','./src/js/common.js'],

        index:'./src/js/index.js',

        cart:'./src/js/cart.js'

    },

    output:{

        path:resolve(__dirname,'build'),

        filename:'[name].js'

    },

    mode:'development',

    module:{

        rules:[]

    },

    plugins:[//这里需要打包两个html，所以有两个HtmlWebpackPlugin对象各自进行配置

        new HtmlWebpackPlugin({

            template:'./src/index.html',

            filename:'index.html',

            chunks:['vender','index']//配置html需要引入的chunk

        }),

        new HtmlWebpackPlugin({

            template:'./src/cart.html',

            filename:'cart.html',

            chunks:['vender','cart']//配置html需要引入的chunk

        }),

    ]

}