Webpack tools

Webpack is a library used during the build process to transform your source code into static bundles. The Buildpack package provides different tools that give you access to this process and let you make changes.

data-width=100%
data-slots=heading, link, text

List of tools

Configure Webpack
A function that returns the default PWA Studio Webpack configuration.
data-width=100%
data-slots=link, text
Magento resolver
Provides a configuration that helps resolve static Magento assets.
data-width=100%
data-slots=link, text
Magento root components plugin
Webpack plugin for creating chunks based on root components.
data-width=100%
data-slots=link, text
PWA development server
A utility for configuring Webpack's development server specifically for PWA Studio development.
data-width=100%
data-slots=link, text
Service worker plugin
Webpack plugin for configuring the service worker.