Personalize Your Angular Build With Webpack

See the original posting on DZone Python

If you’re a front-end developer, then there are good chances that you’ve heard or even used Webpack. The Angular build process uses Webpack to tackle many tasks such as transforming Sass files to CSS and transpiling TypeScript to JavaScript. 

JavaScript modules have very restricted support within web browsers. In theory, any JavaScript application should be confined within a single source file before loading it into a browser. It’s also a best practice to separate code into modules contained in separate files, which is why when deploying a JavaScript application, modules are built into a single source file. Webpack’s superpower is bundling multiple modules into a single file, making it a very important build tool.