Modern Full-Stack Development: Using TypeScript, React, Node.js, Webpack, and Docker

© Frank Zammetti 2020

F. ZammettiModern Full-Stack Developmenthttps://doi.org/10.1007/978-1-4842-5738-8_7

7. Tying It Up in a Bow: Webpack

Frank Zammetti¹ 

(1)

Pottstown, PA, USA

 

In the good old days of web development, things were simple. You created a directory, maybe some subdirectories, if you were a bit more organized, and into it, you poured all your resources: a stylesheet or two here, a sprinkling of images, some HTML files, and a heaping helping of JavaScript files. Then, a single HTML file served as your entry point, and it would go out and load, by way of script tag references, to load all your JavaScript files, as well as your CSS files and images.

Now, at a fundamental level, that’s precisely still how things work technically, but over ...