

Index.js var totalMultiply = multiply(5, 3) Ĭonsole.log('Product of 5 and 3 = ' + totalMultiply) Ĭonsole.log('Sum of 5 and 3 = ' + totalSum) We decide to split these functions into separate files for easier maintenance: Let’s assume we have an application that can perform two simple mathematical tasks - sum and multiply. This is especially useful for Single Page Applications (SPAs), which is the defacto standard for Web Applications today.Īll code for the blog can be found at the Webpack Tutorial: Understanding How it Works repository on GitHub. It takes disparate dependencies, creates modules for them and bundles the entire network up into manageable output files. Making Webpack Look Good - CSS & Styling.Making Dependencies Available, And Linking Them.Reducing Dependency HTTP Traffic with Bundling.Although there are alternatives to Webpack, it is still very popular and with version 2.2 recently released I believe it will remain so for quite a while yet. We here at ag-Grid use Webpack to bundle our own products, as well as using it with some of our framework examples.


One of these was Webpack - a powerful bundler used in many applications & frameworks. When I first started working at ag-Grid (which is a great place to work!) I had to ramp up on many technologies and frameworks that I hadn’t used before. This Webpack tutorial is my attempt to document what I learnt and is the blog I wish I’d found when I first started my Webpack journey, all those months ago.
