[{"_1":2,"_46":-5,"_47":-5},"loaderData",{"_3":4,"_14":15,"_44":-5,"_45":-5},"root",{"_5":-5,"_6":-5,"_7":-5,"_8":9,"_10":11},"user","shoppingCartId","toast","locale","en","constants",{"_12":13},"paypalClientId","AenrHU49peF-ZUH-Yq7AXLLNZYGUGlml474U16NCjB4ZznmQCEjiliN3whyuVZmkb7VxEzmTALgtKEKE","routes/_store+/_readers+/email_author.$slug/route",{"_16":17,"_43":-5},"book",{"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":29},"id","Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6Qm9va1Byb2R1Y3QvMjg1OTM","title","Webpack 2","state","published","contactAuthorMethod","email","aboutText","

In Webpack 2 - A Build Tool for Modern JavaScript Applications we start by creating a sample application containing some of the most common features of a web application, and then use Webpack to serve, cache and optimize the project assets. Each chapter works as a reference for a different topic, meaning the book can be read just as well in or out of order.

Amongst other things, in this guide we'll go through:

The difference between module bundlers and task runners
How to install Webpack and create our first configuration file
How to use the Webpack Dev Server to serve, watch and refresh only the parts of the application that change without having to do a full page reload
How to install Babel to be able to utilize ES6 functionality
How to use Source Maps to aid in debugging
How to split code into smaller bundles and lazy load them only when they're needed
How to utilize tree shaking to remove any code that our project doesn't use
How to create environment specific configuration so that we can harness the full power of Webpack in both our development and production environments

Although this guide is a complete guide for Webpack that goes from creating a basic configuration all the way to splitting configuration based on unique environment requirements, it is regularly updated with bonus chapters containing tutorials on new and interesting features and plugins as they come out. Some exciting chapters already in the works are:

Loading and transpiling TypeScript files
Loading and transpiling SASS/LESS stylesheets
Creating and running tests with Karma
Automatically linting code with JSLint
Supporting multiple languages using internationalization
Autoprefixing and removing unused styles in CSS
Utilizing Web Workers
Automatically installing NPM packages simply by requiring them in your code

","authors",[30],{"_18":31,"_32":33,"_5":34},"Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6UHJvZHVjdEF1dGhvci8yOTgwNA","name","Sha Alibhai",{"_35":36},"avatar",{"_37":38,"_39":40,"_41":42},"url","https://d308did4coypzi.cloudfront.net/avatars/999234/medium/15875965_386622448348630_4270063370515775488_n.jpg?1491696774","styleName","medium","exists",true,"currentUser","routes/_store+/_layout","routes/_store+/_readers+/_layout","actionData","errors"]

Email the Author