Please wait...

An introduction to webpack

Hello,

If you did not know this great tool that is webpack, you'll know a little more after reading this article!

It is based on Node, and installable via npm.

As a front-end developer, who creates or integrates templates, we need to efficiently manage our files (Javascript, CSS or SASS, Images ...), as well as their dependencies.

Webpack allows:

  1. To code SASS styles, then compile them into CSS,
  2. To write ES6 compiled in ES5 (thanks to Babel),
  3. Combine our scripts into one file (OptimizeCSSAssets),
  4. Have a server that makes changes on the fly (Hot Module Reload),
  5. Minify Javascript files (UglifyJS).

See you soon,

Mathieu