One of Webpack's features that sets it apart from similar tools is the ability to load modules other than JavaScript such as CSS and HTML. In this post we'll look at how Webpack handles pre-processing SASS and allows us to write modular CSS.

Webpack loaders perform the work of "tasks" in Gulp and Grunt and are very similar to "transforms" in Browserify. Building on our work from the previous two posts, let's convert our application code to ES6 and use a loader to transpile it to ES5.

Part Two of this series on Webpack will introduce webpack-dev-server, a tool that offers a local development server with file watching, automated bundling, and a live reload server. The code for this post is available here.

This is the first installment in a series of posts on Webpack, a module bundler with a great set of features that distinguish it from similar tools. Part One covers setting up Webpack and loading CommonJS modules in the browser. The code for this tutorial is available here.