javascript - plugin - ¿Cómo hacer polyfill para obtener y prometer con webpack 2?

htmlwebpackplugin webpack4

Question

¿Cómo polyfill fetch y promise para Webpack 2 ?

Tengo muchos puntos de entrada, por lo que Webpack 1-way para agregarlos antes de cada punto de entrada no es la solución deseada.

Answer 1

Independientemente de la cantidad de puntos de entrada que tenga, debe tener un archivo separado para los archivos de su proveedor, como marcos (reaccion, angular, whatevs) y cualquier biblioteca que siempre necesite, pero que rara vez cambiará. Quieres que sean como un paquete separado para que puedas guardarlo en caché. Ese paquete siempre debe estar cargado. Todo lo que incluyas en ese paquete siempre estará disponible, pero nunca se repetirá en tus fragmentos si lo utilizas con el commonChunksPlugin.

Aquí hay una muestra de una aplicación que he hecho (solo mostrando las opciones de configuración relevantes):

module.exports = {
  entry: {
    client: ''client'',
    vendor: [
      ''react'',
      ''react-addons-shallow-compare'',
      ''react-addons-transition-group'',
      ''react-dom'',
      ''whatwg-fetch''
    ]
  },
  output: {
    path: `${__dirname}/dist`,
    filename: ''[name].js'',
    publicPath: ''/build/''
  },
  plugins: [
    new webpack.optimize.CommonsChunkPlugin({
      names: [''vendor'', ''manifest'']
    })
  ]
}

Answer 2

Tal vez no estoy entendiendo correctamente, pero ¿no podría simplemente agregar babel-polyfill antes del resto de sus puntos de entrada en la configuración de su paquete web?

module.exports = {
   entry: [''babel-polyfill'', ''./app/js'', ''/app/js/whatever'']
};