web-dev-qa-db-fra.com

Comment polyfill chercher et promettre avec webpack 2?

Comment polyfill fetch et promesse pour Webpack 2 ?

J'ai beaucoup de points d'entrée, donc Webpack 1-way pour les ajouter avant chaque point d'entrée n'est pas la solution souhaitée.

javascriptwebpackes6-promisewebpack-2
18
bravedick

Quel que soit le nombre de points d'entrée dont vous disposez, vous devez avoir un fichier distinct pour vos fichiers fournisseur, tels que les frameworks (react, angular, whatevs) et toutes les bibliothèques dont vous avez toujours besoin mais qui vont rarement changer. Vous les voulez en tant que bundle séparé afin de pouvoir le mettre en cache. Ce bundle doit toujours être chargé. Tout ce que vous incluez dans ce bundle sera toujours disponible mais jamais répété dans vos morceaux si vous l'utilisez avec le commonChunksPlugin.

Voici un exemple d'une application que j'ai faite (montrant simplement les options de configuration pertinentes):

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']
    })
  ]
}
12
shadymoses

Peut-être que je ne comprends pas bien, mais ne pourriez-vous pas simplement ajouter babel-polyfill avant le reste de vos points d'entrée dans votre configuration de webpack?

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