Webpack将标头模板合并到标头标记

Question

我也在使用 WEBPACK 和 HtmlWebpackPlugin 。 我创建了静态header.html，这是静态文件，我希望将此文件的内容附加到<header>标记中项目中的所有文件。

我想为footer.html做同样的事情 因此，当我使用Webpack构建项目时，我有带有页眉和页脚的html文件。

Answer 1

您可以像这样使用HtmlWebpackPlugin。

plugins : [
    new HtmlWebpackPlugin({
        template: './src/index.html'
        filename: './index.html'
    }),
    new HtmlWebpackPlugin({
        template: './src/header.html',
        filename: './header.html'
    }),
    new HtmlWebpackPlugin({
        template: './src/footer.html',
        filename: './footer.html'
    }),
    ...
]

这对你有所帮助。 ：）