Webpack

Programme

Premiers pas

  • Concepts fondamentaux
  • Traiter du JavaScript
  • Traiter des styles
  • Traiter des images
  • Traiter des fontes
  • Autres sources courantes
  • Ajuster pour les livrables de production

Rendre la configuration maintenable

  • webpack-merge
  • Découper les éléments de configuration
  • Approches possibles de découpe par fichiers

Optimiser l’expérience de développement

  • Tirer le meilleur parti du serveur de développement
  • Intégrer à nos propres serveurs
  • Hot Module Replacement
  • Plugins et surcouches pratiques

Optimiser la performance de build

  • Ne transpiler que le nécessaire
  • Réduire les périmètres des loaders
  • Mettre en cache les résultats des loaders
  • Choisir les bons types de sourcemaps
  • Externaliser le code tiers avec externals
  • Paralléliser le build
  • Paralléliser certains loaders
  • DllPlugin et DllReferencePlugin`

Optimiser la performance de production

  • Optimiser le nombre et les tailles de fichiers
  • Optimiser la mise en cache
  • Bundle splitting
  • Code splitting
  • Analyser la performance des bundles
  • Produire une bibliothèque plutôt qu’une app

Webpack + React

  • En développement
  • En production

Personnaliser Webpack

  • Configurations subtiles
  • Écrire nos propres loaders
  • Écrire nos propres plugins