JS, CSS and create large dependency graph. This is where one or more bundles are made. 8 WHAT DOES WEBPACK REALLY DO? WHY USE WEBPACK? 1. Don’t need to refresh to update modules. 2. Minimize the number of req and size of files if possible. 3. Break the cache only when necessary 4. Deploy like a boss with no missing files Credit: Glitch
bundle. It will take over everything from there WHAT DO SHOULD KNOW ABOUT WEBPACK OUTPUT Let Webpack know where your bundles are kept and what you want to name them 10 LOADERS Loaders allows webpack to know the kind of file types it needs to transform like css - css loaders, File - File loaders PLUGINS Plugins do all the crazy work like bundling, optimize bundles, managing assets and more.
CODE TO USERS?? . YOUR PRODUCTION CODEBASE IS MY FEAR 1. Load page on Chrome, use Coverage Tool (DevTools => Ctrl+Shift+P => type "Coverage" => press Drawer: Coverage), 11