Learn what webpack is, how it works, and how Gatsby uses it to accelerate website development.
webpack is a
webpack determines dependencies from the contents of
webpack.config.js can contain one or more entry points, which tell webpack which file or files to use as the starting point (or points) for a dependency graph. See the following example.
webpack.config.js file that supports global CSS files, component-scoped CSS modules, and CSS-in-JS.
If you want to add support for features such as Sass/SCSS, that Gatsby does not support out of the box, you can also add a custom webpack configuration, or use one of the Gatsby plugins contributed by the community.