In this chapter, we will cover some of the most important client-side optimizations that you can make use of in your web application through build system configuration with WebPack. We will expand our ES6 and TypeScript compilation to include the other JavaScript layers of our MEAN Stack. Once we have a common build system across our full-stack environment, we will explore common types of optimizations we can apply through our build system to greatly decrease the file size of our application and increase its loading performance.
In this chapter, we will cover the following recipes:
- Using ES6 and Typescript with Express and Node.js
- Configuring WebPack for use in Node.js applications
- Optimizing asset delivery with gzip compression in Express
- Optimizing images for delivery with WebPack
- Optimizing Font-Awesome with custom font generation
