wonderfulwebpack

Webpack: What are Webpack Outputs?

by ✨ Kevin B. Ridgway ✨

I wrote about what entrypoints are in Webpack. Now let’s talk about outputs of Webpack!

Here is the simplest part of a Webpack config that is only one output:

1
2
3
4
//webpack.config.js
output: {
  filename: 'bundle.js'
}

This is the simplest of outputs; it’s one static name. There are other options that are dynamic that we can talk about in another post. You can read further about output, in the documentation site.

Outputs are simply the static assets that Webpack spits out after processing. These are the things that the browser will load when you link to them in your project. In this case, just one JavaScript file would be loaded in the browser called ‘bundle.js’.