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' 
    }), 
    ... 
] 

これが役に立ちます。 :)