html-webpack-plugin - 複数のファイルを作成するための Webpack 構成

Question

2 つの css ファイル (明るいテーマと暗いテーマ) を別々に生成しようとしているので、アプリのテーマ スイッチャーを作成して、ユーザーの好みに基づいていずれかのスタイルを読み込むことができます。これをエラーなしで動作させることはできないようです。

実際にはファイルは期待どおりに作成されますが、そのうちの 1 つだけをドキュメント ヘッドに挿入したいので、両方を挿入できる限りすべてが機能します。

config.entry = isTest ? {} : {
'dg-light': './src/dg-light.ts',
'dg-dark': './src/dg-dark.ts',
'polyfills': './src/polyfills.ts',
'vendor': './src/vendor.ts',
'app': './src/main.ts' // our angular app
};


new HtmlWebpackPlugin({
template: './src/public/index.html',
chunksSortMode: 'dependency',
chunks: ['vendor', 'polyfills', 'dg-light']
//excludeChunks:  ['dg-dark']
})

チャンクまたはexcludeChunksオプションを使用して、ヘッドに挿入されるファイルに影響を与えようとしていましたが、これらのオプションを使用するとエラーが発生し続けます。

webpackJsonp is not defined エラー