Webpack

Webpack is a module bundler for frontend applications

Subpages

• Getting Started
• Plugins
• Loaders
• Sample Configuration

Quick Tips

Typing Webpack Configuration File

webpack.config.js

/** @type {import("webpack").Configuration} */
module.exports = {
    mode: "development",
    // ...
};

Caching

TODO

Resolving Extensions

• Webpack Docs - resolve.extension

Resources

• Webpack Docs
  • Build Performance
  • Cache
• SurviveJS - Webpack Book
• How to Webpack 5 - Setup Tutorial - Robin Wieruch
• How to Advanced Webpack 5 - Setup Tutorial
• A mostly complete guide to webpack 5 (2020)

---

Last update: August 12, 2023
Created: June 3, 2023