Lancer un nouveau projet Webpack rapidement

La petite astuce du jour :

Si comme moi, vous avez entendu parler de Webpack, souhaitez le tester mais sans trop vous prendre la tête sur la configuration, il existe un générateur écrit en nodejs vous permettant d'initialiser un projet rapidement.

L'outil Unstuck - Webpack vous permet de créer un nouveau projet en choisissant l'environnement sur lequel vous souhaitez travailler via un système de templates :

  • Nodejs + Babel
  • Angular 1 + Less
  • Angular 2 + scss / sass
  • React + scss / sass
  • Ember + scss / sass
  • Vuejs + stylus

Pour ceux qui ne sont pas connaisseurs, Webpack est un générateur de tâches à l'instar de Gulp / Grunt, qui permet de :

  • Gérer les CSS / images / fontes / librairies sous forme de modules
  • Gérer différentes builds pour les projets clients

Il est également davantage optimisé lors de son initialisation que d'autres générateurs tel que Gulp.

Automatisez vos tâches avec Gulp

gulp-logo

Pendant la phase de développement d'un projet, il est parfois nécessaire d'utiliser des petites librairies  d' outils qui permettent d'optimiser / alléger / accélérer sa réalisation. Ce sont des petites tâches qu'on exécute de temps en temps ou plusieurs fois  durant cette phase, et à la longue, cela devient de plus en plus lassant.

Je vais vous présenter dans cet article Gulp , qui est un outil développé à partir de la plateforme Node JS. Le principe est de regrouper ces petites tâches afin de les automatiser. Un autre outil fonctionnant de la même manière est Grunt. Pour voir les différences, merci de lire l'article "Gulp remplacera-t-il Grunt ?" de Nicolas Froidure.