多页面中 一部分的头部和底部的修改

Question

由于页面的业务比较复杂 并且头部文件有区分，但有的页面是用的相同的头部文件 所以想把头部文件抽取出来 但是在页面里引用的时候应该如何引用。

new HtmlWebpackPlugin({

        // favicon:'./src/img/favicon.ico', //favicon路径

        filename: `./${item}.html`, //生成的html存放路径，相对于 path

        template: `./src/pages/${item}.html`,

        chunks: chunks,

        inject: true, //允许插件修改哪些内容，包括head与body

        hash: true, //为静态资源生成hash值

        minify: { //压缩HTML文件

            removeComments: true, //移除HTML中的注释

            collapseWhitespace: false //删除空白符与换行符

        }

    })

Answer 1

html-webpack-plugin系列文章