Estou tentando adicionar um arquivo js específico ao meu index.html ao agrupar meu aplicativo para produção. Meu webpack.common.js possui os seguintes arquivos que são injetados no html:

  entry: {
    'polyfills': './src/polyfills.ts',
    'vendor': './src/vendor.ts',
    'app': './src/main.ts'
  },

E na seção de plugins eu tenho:

new webpack.optimize.CommonsChunkPlugin({
      name: ['app', 'vendor', 'polyfills']
    }),

Para o meu webpack.prod.js, tenho a seguinte saída:

output: {
    path: helpers.root('dist'),
    publicPath: '/',
    filename: '[name].[chunkhash].js',
    chunkFilename: '[id].chunk.js'
  },

E tudo funciona muito bem. No entanto, não sei como especificar talvez uma etapa extra nos plugins de produção, para que eu possa obter um arquivo extra.

Como solução alternativa, eu poderia apenas usar um arquivo vazio que é substituído para produção pelo conteúdo real - algo como isto:

new webpack.NormalModuleReplacementPlugin(/\.\/folder\.dev/, '../folder/file.prod')

Mas vejo isso como um hack e não acho que seja a melhor maneira de fazer isso. Eu dei uma olhada na discussãohttps://github.com/petehunt/webpack-howto/issues/46 e é isso que estou tentando alcançar, mas a solução fornecida não funciona para mim.

Eu pensaria que isso pode ser alcançado com o plugin html-webpack-no entanto, os documentos não parecem mostrar como (ou pelo menos eu posso ver isso aqui:https://www.npmjs.com/package/html-webpack-plugin ou aqui:https://github.com/jantimon/html-webpack-plugin )

Qualquer ajuda é muito apreciada