Skip to content

docs: update output configuration examples to ESM #7740

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Mohit-singh-Developer wants to merge 2 commits into
base: main
Choose a base branch
from
Open

docs: update output configuration examples to ESM #7740

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
4954de4
docs:changed output config examples to ESM
Mohit-singh-Developer Jan 10, 2026
a692b87
docs:following the pattern in code according to docs
Mohit-singh-Developer Jan 10, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 11 additions & 11 deletions src/content/configuration/output.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,7 @@ Create async chunks that are loaded on demand.
**webpack.config.js**

```javascript
module.exports = {
export default {
//...
output: {
//...
Expand Down Expand Up @@ -145,7 +145,7 @@ By default `[id].js` is used or a value inferred from [`output.filename`](#outpu
**webpack.config.js**

```javascript
module.exports = {
export default {
//...
output: {
//...
Expand Down Expand Up @@ -200,7 +200,7 @@ The Number of milliseconds before chunk request expires. This option is supporte
**webpack.config.js**

```javascript
module.exports = {
export default {
//...
output: {
//...
Expand All @@ -218,7 +218,7 @@ The global variable is used by webpack for loading chunks.
**webpack.config.js**

```javascript
module.exports = {
export default {
//...
output: {
//...
Expand All @@ -238,7 +238,7 @@ T> The default value of this option depends on the [`target`](/configuration/tar
**webpack.config.js**

```javascript
module.exports = {
export default {
//...
output: {
//...
Expand All @@ -254,7 +254,7 @@ module.exports = {
`boolean` `{ dry?: boolean, keep?: RegExp | string | ((filename: string) => boolean) }`

```javascript
module.exports = {
export default {
//...
output: {
clean: true, // Clean the output directory before emit.
Expand All @@ -263,7 +263,7 @@ module.exports = {
```

```javascript
module.exports = {
export default {
//...
output: {
clean: {
Expand All @@ -274,7 +274,7 @@ module.exports = {
```

```javascript
module.exports = {
export default {
//...
output: {
clean: {
Expand Down Expand Up @@ -317,7 +317,7 @@ Tells webpack to check if to be emitted file already exists and has the same con
W> webpack will not write output file when file already exists on disk with the same content.

```javascript
module.exports = {
export default {
//...
output: {
compareBeforeEmit: false,
Expand Down Expand Up @@ -819,7 +819,7 @@ T> Typically you don't need to change `output.hotUpdateMainFilename`.
Tells webpack to add [IIFE](https://developer.mozilla.org/en-US/docs/Glossary/IIFE) wrapper around emitted code.

```javascript
module.exports = {
export default {
//...
output: {
iife: true,
Expand All @@ -838,7 +838,7 @@ Hide warnings from the browser console in production. This option does not affec
**webpack.config.js**

```javascript
module.exports = {
export default {
//...
output: {
ignoreBrowserWarnings: true,
Expand Down
Loading