Estoy tratando de agregar un archivo js específico a mi index.html al agrupar mi aplicación para producción. Mi webpack.common.js tiene los siguientes archivos que se inyectan en el html:

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

Y en la sección de complementos tengo:

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

Para mi webpack.prod.js tengo el siguiente resultado:

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

Y todo funciona bien. Sin embargo, no sé cómo especificar un paso adicional en los complementos para la producción para poder obtener un archivo adicional.

Como solución alternativa, podría usar un archivo vacío que se reemplaza para la producción con el contenido real, algo como esto:

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

Pero lo veo como un truco y no creo que sea la mejor manera de hacerlo. Eché un vistazo al hilohttps://github.com/petehunt/webpack-howto/issues/46 y eso es más o menos lo que estoy tratando de lograr, pero la solución dada no funciona para mí.

Pensé que esto se puede lograr con el html-webpack-plugin, sin embargo, los documentos no parecen mostrar cómo (o al menos puedo ver eso aquí:https://www.npmjs.com/package/html-webpack-plugin o aquí:https://github.com/jantimon/html-webpack-plugin )

Cualquier ayuda es muy apreciada