webpack4.0-进行多页面打包配置-18

首先配置在webpack.config.js中配置多个入口文件

 entry:{
        main: './src/index.js',
        list: './src/list.js'
    },

其次配置htmlWebpackPlugin的参数引入,有多少个页面就配置多少个HtmlWebpckPlugin

new HtmlWebpackPlugin(
        {
            template:'./src/index.html', // 打包页面的模板
            filename: 'index.html', // 定义打包页面的名称
            chunks:['main','jquery','lodash']// 指定引入的模块
        }),
    new HtmlWebpackPlugin(
        {
            template:'./src/index.html', // 打包页面的模板
            filename: 'list.html', // 定义打包页面的名称
            chunks:['list','jquery','lodash'] // 指定引入的模块
        })