html-webpack-pluginを既存のエクスプレステンプレートで使用するには？

Question

私はexpress-generetor npmモジュールを紹介しました。また、テンプレートとして使用されているjadeファイルを使ってプロジェクトがどのように構成されているかもよく似ています。しかし、私はまた、独自のファイルを生成するHTML-webpack-pluginを使いたいのですが、両方のアプローチを統合する最良の方法は何ですか？

Answer 1

• ステップ1：

があなたのhtmlファイル（複数可）を生成します。

module.exports = { 
    entry: { 
    'page1': './apps/page1/scripts/main.js', 
    'page2': './apps/page2/src/main.js' 
    }, 
    output: { 
    path: __dirname, 
    filename: "apps/[name]/build/bundle.js" 
    }, 
    plugins: [ 
    new HtmlWebpackPlugin({ 
     inject: true, 
     chunks: ['page1'], 
     filename: 'apps/page1/build/index.html' 
    }), 
    new HtmlWebpackPlugin({ 
     inject: true, 
     chunks: ['page2'], 
     filename: 'apps/page2/build/index.html' 
    }) 
    ] 
}; 

• ステップ2：あなたのヒスイのファイルに生成されたHTMLファイル（複数可）を追加

  ../../public/index.html