Introduction à webpack

Bonjour,

Si vous ne connaissiez pas ce formidable outil qu'est webpack, vous en saurez un peu plus après avoir lu ce petit article !

Il est basé sur Node, et installable via npm.

En tant que développeur front-end, qui crééons ou intégrons des templates, nous avons besoin de gérer efficacement nos fichiers (Javascript, CSS ou SASS, Images...), ainsi que leurs dépendances.

Webpack permet :

  1. De coder les styles en SASS, puis de les compiler en CSS,
  2. D'écrire de l'ES6 compilé en ES5 (grâce à Babel),
  3. De combiner nos scripts en un seul fichier (OptimizeCSSAssets),
  4. Avoir un serveur qui met à disposition les modifications à la volée (Hot Module Reload),
  5. Minifier les fichiers Javascript (UglifyJS).

A très bientôt,

Mathieu