docs: add minimal quick-start section to Getting Started guide by pranjalisr · Pull Request #7904 · webpack/webpack.js.org

pranjalisr · 2026-03-03T20:11:03Z

Summary
Fixes #7436
This PR adds a small “Quick Start (Minimal Example)” section at the top of the Getting Started guide.

What kind of change does this PR introduce?
Docs change

Did you add tests for your changes?
No

Does this PR introduce a breaking change?
No

If relevant, what needs to be documented once your changes are merged or what have you already documented?
N/A

Use of AI
N/A. Just docs change

vercel · 2026-03-03T20:11:08Z

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
webpack-js-org	Ready	Preview, Comment	Mar 12, 2026 4:06pm

alexander-akait

We already have it on the main page

pranjalisr · 2026-03-03T20:44:53Z

I tried adding minimal work setup as asked in PR #7436. So should I close this one ?

alexander-akait · 2026-03-03T21:58:10Z

/cc @evenstensberg What do you think about this?

evenstensberg

lets make use of create webpack app here.

pranjalisr · 2026-03-05T07:17:30Z

so should I update the quick start via create webpack app ?

pranjalisr · 2026-03-06T11:10:03Z

@evenstensberg Does this looks good?

…ebpack#7905) Bumps the dependencies group with 1 update: [cypress-io/github-action](https://github.com/cypress-io/github-action). Updates `cypress-io/github-action` from 7.1.3 to 7.1.5 - [Release notes](https://github.com/cypress-io/github-action/releases) - [Changelog](https://github.com/cypress-io/github-action/blob/master/CHANGELOG.md) - [Commits](cypress-io/github-action@e44ee0f...bc22e01) --- updated-dependencies: - dependency-name: cypress-io/github-action dependency-version: 7.1.5 dependency-type: direct:production update-type: version-update:semver-patch dependency-group: dependencies ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

…tle (webpack#7910)

…ack#7916)

Bumps [immutable](https://github.com/immutable-js/immutable-js) from 5.1.4 to 5.1.5. - [Release notes](https://github.com/immutable-js/immutable-js/releases) - [Changelog](https://github.com/immutable-js/immutable-js/blob/main/CHANGELOG.md) - [Commits](immutable-js/immutable-js@v5.1.4...v5.1.5) --- updated-dependencies: - dependency-name: immutable dependency-version: 5.1.5 dependency-type: indirect ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

Bumps the dependencies group with 2 updates: [actions/dependency-review-action](https://github.com/actions/dependency-review-action) and [actions/setup-node](https://github.com/actions/setup-node). Updates `actions/dependency-review-action` from 4.8.3 to 4.9.0 - [Release notes](https://github.com/actions/dependency-review-action/releases) - [Commits](actions/dependency-review-action@05fe457...2031cfc) Updates `actions/setup-node` from 6.2.0 to 6.3.0 - [Release notes](https://github.com/actions/setup-node/releases) - [Commits](actions/setup-node@6044e13...53b8394) --- updated-dependencies: - dependency-name: actions/dependency-review-action dependency-version: 4.9.0 dependency-type: direct:production update-type: version-update:semver-minor dependency-group: dependencies - dependency-name: actions/setup-node dependency-version: 6.3.0 dependency-type: direct:production update-type: version-update:semver-minor dependency-group: dependencies ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

…12 updates (webpack#7919) Bumps the dependencies group with 12 updates in the / directory: | Package | From | To | | --- | --- | --- | | [autoprefixer](https://github.com/postcss/autoprefixer) | `10.4.24` | `10.4.27` | | [css-loader](https://github.com/webpack/css-loader) | `7.1.3` | `7.1.4` | | [cypress](https://github.com/cypress-io/cypress) | `15.9.0` | `15.11.0` | | [eslint-plugin-mdx](https://github.com/mdx-js/eslint-mdx) | `3.6.2` | `3.7.0` | | [globals](https://github.com/sindresorhus/globals) | `17.3.0` | `17.4.0` | | [lint-staged](https://github.com/lint-staged/lint-staged) | `16.2.7` | `16.3.2` | | [markdownlint-cli](https://github.com/igorshubovych/markdownlint-cli) | `0.47.0` | `0.48.0` | | [postcss](https://github.com/postcss/postcss) | `8.5.6` | `8.5.8` | | [postcss-loader](https://github.com/webpack/postcss-loader) | `8.2.0` | `8.2.1` | | [rimraf](https://github.com/isaacs/rimraf) | `6.1.2` | `6.1.3` | | [sass-loader](https://github.com/webpack/sass-loader) | `16.0.6` | `16.0.7` | | [webpack](https://github.com/webpack/webpack) | `5.105.0` | `5.105.4` | Updates `autoprefixer` from 10.4.24 to 10.4.27 - [Release notes](https://github.com/postcss/autoprefixer/releases) - [Changelog](https://github.com/postcss/autoprefixer/blob/main/CHANGELOG.md) - [Commits](postcss/autoprefixer@10.4.24...10.4.27) Updates `css-loader` from 7.1.3 to 7.1.4 - [Release notes](https://github.com/webpack/css-loader/releases) - [Changelog](https://github.com/webpack/css-loader/blob/main/CHANGELOG.md) - [Commits](webpack/css-loader@v7.1.3...v7.1.4) Updates `cypress` from 15.9.0 to 15.11.0 - [Release notes](https://github.com/cypress-io/cypress/releases) - [Changelog](https://github.com/cypress-io/cypress/blob/develop/CHANGELOG.md) - [Commits](cypress-io/cypress@v15.9.0...v15.11.0) Updates `eslint-plugin-mdx` from 3.6.2 to 3.7.0 - [Release notes](https://github.com/mdx-js/eslint-mdx/releases) - [Changelog](https://github.com/mdx-js/eslint-mdx/blob/master/CHANGELOG.md) - [Commits](https://github.com/mdx-js/eslint-mdx/compare/eslint-plugin-mdx@3.6.2...eslint-plugin-mdx@3.7.0) Updates `globals` from 17.3.0 to 17.4.0 - [Release notes](https://github.com/sindresorhus/globals/releases) - [Commits](sindresorhus/globals@v17.3.0...v17.4.0) Updates `lint-staged` from 16.2.7 to 16.3.2 - [Release notes](https://github.com/lint-staged/lint-staged/releases) - [Changelog](https://github.com/lint-staged/lint-staged/blob/main/CHANGELOG.md) - [Commits](lint-staged/lint-staged@v16.2.7...v16.3.2) Updates `markdownlint-cli` from 0.47.0 to 0.48.0 - [Release notes](https://github.com/igorshubovych/markdownlint-cli/releases) - [Commits](igorshubovych/markdownlint-cli@v0.47.0...v0.48.0) Updates `postcss` from 8.5.6 to 8.5.8 - [Release notes](https://github.com/postcss/postcss/releases) - [Changelog](https://github.com/postcss/postcss/blob/main/CHANGELOG.md) - [Commits](postcss/postcss@8.5.6...8.5.8) Updates `postcss-loader` from 8.2.0 to 8.2.1 - [Release notes](https://github.com/webpack/postcss-loader/releases) - [Changelog](https://github.com/webpack/postcss-loader/blob/main/CHANGELOG.md) - [Commits](webpack/postcss-loader@v8.2.0...v8.2.1) Updates `rimraf` from 6.1.2 to 6.1.3 - [Changelog](https://github.com/isaacs/rimraf/blob/main/CHANGELOG.md) - [Commits](isaacs/rimraf@v6.1.2...v6.1.3) Updates `sass-loader` from 16.0.6 to 16.0.7 - [Release notes](https://github.com/webpack/sass-loader/releases) - [Changelog](https://github.com/webpack/sass-loader/blob/main/CHANGELOG.md) - [Commits](webpack/sass-loader@v16.0.6...v16.0.7) Updates `webpack` from 5.105.0 to 5.105.4 - [Release notes](https://github.com/webpack/webpack/releases) - [Changelog](https://github.com/webpack/webpack/blob/main/CHANGELOG.md) - [Commits](webpack/webpack@v5.105.0...v5.105.4) --- updated-dependencies: - dependency-name: autoprefixer dependency-version: 10.4.27 dependency-type: direct:development update-type: version-update:semver-patch dependency-group: dependencies - dependency-name: css-loader dependency-version: 7.1.4 dependency-type: direct:development update-type: version-update:semver-patch dependency-group: dependencies - dependency-name: cypress dependency-version: 15.11.0 dependency-type: direct:development update-type: version-update:semver-minor dependency-group: dependencies - dependency-name: eslint-plugin-mdx dependency-version: 3.7.0 dependency-type: direct:development update-type: version-update:semver-minor dependency-group: dependencies - dependency-name: globals dependency-version: 17.4.0 dependency-type: direct:development update-type: version-update:semver-minor dependency-group: dependencies - dependency-name: lint-staged dependency-version: 16.3.2 dependency-type: direct:development update-type: version-update:semver-minor dependency-group: dependencies - dependency-name: markdownlint-cli dependency-version: 0.48.0 dependency-type: direct:development update-type: version-update:semver-minor dependency-group: dependencies - dependency-name: postcss dependency-version: 8.5.8 dependency-type: direct:development update-type: version-update:semver-patch dependency-group: dependencies - dependency-name: postcss-loader dependency-version: 8.2.1 dependency-type: direct:development update-type: version-update:semver-patch dependency-group: dependencies - dependency-name: rimraf dependency-version: 6.1.3 dependency-type: direct:development update-type: version-update:semver-patch dependency-group: dependencies - dependency-name: sass-loader dependency-version: 16.0.7 dependency-type: direct:development update-type: version-update:semver-patch dependency-group: dependencies - dependency-name: webpack dependency-version: 5.105.4 dependency-type: direct:development update-type: version-update:semver-patch dependency-group: dependencies ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

…uncated text, date, read more link) (webpack#7890) (webpack#7911)

webpack#7923)

…pack#7927) Removed margin from footer items and applied it to the parent container for consistent spacing.

…ebpack#7924)

The cache.keys().then() chain inside the activate event handler was not being returned, so event.waitUntil() resolved immediately with undefined before any stale cache entries were deleted. This meant old cache entries from previous deployments would accumulate in users' browsers silently with no guarantee of cleanup. Fix by returning the inner promise chain and using Promise.all() to delete stale entries in parallel, ensuring event.waitUntil() only resolves once all deletions are complete.

…pack#7937)

… component (webpack#7957)

The linkFixer function had two bugs: 1. href.replace('//www.npmjs.com') was called with no second argument, causing .replace() to substitute the match with the string 'undefined', producing malformed URLs like 'https:undefined/package/foo'. 2. The search string '//www.npmjs.com' would never match the condition href.includes('//npmjs.com'), making the branch unreachable for www URLs. Fix: replace('//npmjs.com', '//www.npmjs.com') — normalizes bare npmjs.com links to www.npmjs.com without corrupting any URLs.

…ack#7952) Bumps [copy-webpack-plugin](https://github.com/webpack/copy-webpack-plugin) from 13.0.1 to 14.0.0. - [Release notes](https://github.com/webpack/copy-webpack-plugin/releases) - [Changelog](https://github.com/webpack/copy-webpack-plugin/blob/main/CHANGELOG.md) - [Commits](webpack/copy-webpack-plugin@v13.0.1...v14.0.0) --- updated-dependencies: - dependency-name: copy-webpack-plugin dependency-version: 14.0.0 dependency-type: direct:development update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

Add aria-hidden='true' to decorative SVG elements in src/components/HelloDarkness.jsx so screen readers ignore the icons. This prevents unnecessary announcements of decorative graphics and improves accessibility.

webpack#7953) Bumps [css-minimizer-webpack-plugin](https://github.com/webpack/css-minimizer-webpack-plugin) from 7.0.4 to 8.0.0. - [Release notes](https://github.com/webpack/css-minimizer-webpack-plugin/releases) - [Changelog](https://github.com/webpack/css-minimizer-webpack-plugin/blob/main/CHANGELOG.md) - [Commits](webpack/css-minimizer-webpack-plugin@v7.0.4...v8.0.0) --- updated-dependencies: - dependency-name: css-minimizer-webpack-plugin dependency-version: 8.0.0 dependency-type: direct:development update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

…ebpack#7594) (webpack#7963)

…ebpack#7973)

…ack#7951) Bumps [eslint-plugin-cypress](https://github.com/cypress-io/eslint-plugin-cypress) from 5.2.1 to 6.1.0. - [Release notes](https://github.com/cypress-io/eslint-plugin-cypress/releases) - [Commits](cypress-io/eslint-plugin-cypress@v5.2.1...v6.1.0) --- updated-dependencies: - dependency-name: eslint-plugin-cypress dependency-version: 6.1.0 dependency-type: direct:development update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

…7983)

webpack#7982) * docs(guides): add import.defer() context module example to lazy loading guide * docs(guides): fix eslint error and address maintainer review on closing sentence * docs(guides): use text fence for import.defer() block to fix eslint parse error

…ebpack#7984)

…eserve-unknown' value (5.105) (webpack#7992)

pranjalisr · 2026-03-12T16:04:52Z

closed due to unwanted commits

evenstensberg · 2026-03-12T20:59:22Z

Open a new pr on a fresh branch if you have rebase problems. Its much easier.

pranjalisr · 2026-03-12T21:35:17Z

Open a new pr on a fresh branch if you have rebase problems. Its much easier.

I have opened fresh PR #7995 for the same issue, and all test cases are passing. Please review #7995

added qick start

667bda5

vercel bot deployed to Preview March 3, 2026 20:13 View deployment

added qick start

3514f5e

vercel bot deployed to Preview March 3, 2026 20:22 View deployment

alexander-akait requested changes Mar 3, 2026

View reviewed changes

evenstensberg reviewed Mar 4, 2026

View reviewed changes

dependabot bot and others added 19 commits March 12, 2026 21:30

docs: convert home page tut to esm (webpack#7907)

38cd64e

fix: add remark plugin to remove duplicate H1 matching frontmatter ti…

545aeb0

…tle (webpack#7910)

fix(styles): replace :focus with :focus-visible for Copy-Button (webp…

4c7ac1d

…ack#7916)

ci: automerge dependabot updates (webpack#7917)

5fb5eba

fix: improve language dropdown visibility and z-index (webpack#7915)

3193f0f

feat(blog): implement date-based sorting and minimal post preview (tr…

ae318d5

…uncated text, date, read more link) (webpack#7890) (webpack#7911)

docs: fix inconsistent ESM and CommonJS syntax Related to webpack#7772 (

c1eb62b

webpack#7923)

fix: improve spacing between footer links and icons webpack#7926 (web…

0c4a3f6

…pack#7927) Removed margin from footer items and applied it to the parent container for consistent spacing.

fix: remove invalid alt attribute from anchor tag in Print component (w…

8d7cdff

…ebpack#7924)

fix(guides) : standardize tree view on guide (webpack#7922)

2d1b7dc

fix: make changes commonjs to ESM (webpack#7930)

c4e38af

change: convert CommonJS to ESM in under-the-hood.mdx (webpack#7931)

78d37e0

fix: migrate to ESM

21f7925

fix: correct fs.writeFileSync usage in build-content-tree script (web…

61a84aa

…pack#7937)

Katari-8055 and others added 21 commits March 12, 2026 21:30

refactor: remove unused propTypes and defaultProps from HelloDarkness…

bfcbac2

… component (webpack#7957)

fix(a11y): mark HelloDarkness SVG icons as aria-hidden (webpack#7949)

7a3cbc8

Add aria-hidden='true' to decorative SVG elements in src/components/HelloDarkness.jsx so screen readers ignore the icons. This prevents unnecessary announcements of decorative graphics and improves accessibility.

refactor: resolve deprecated scss warnings (webpack#7955)

3be797c

refactor: replace reserved import prop with loadContent (webpack#7968)

047e270

feat: add scroll-to-top button

c71f8cb

fix: improve accessibility in Navigation, Footer, and PageNotFound (w…

19be461

…ebpack#7594) (webpack#7963)

common js to ESM (webpack#7962)

ce980af

docs(guides): document resolve.tsconfig for TypeScript path aliases (w…

c2ea427

…ebpack#7973)

chore: update some deps

ae1e0a2

docs(migrate): convert CJS config examples to ESM (webpack#7981)

3c4c526

docs(plugins): convert EnvironmentPlugin git example to ESM (webpack#…

55a0c25

…7983)

fix(a11y): use distinct alt text for footer license icons (webpack#7971)

2e239d6

docs: fix typo 'Chrome Exentions' → 'Chrome Extensions' (webpack#7986)

730750d

chore: update tailwind and related dependencies to latest versions (w…

73833a1

…ebpack#7984)

docs: use HTTPS for StackOverflow webpack tag link (webpack#7972)

020e650

docs(configuration): document module.parser.javascript.importMeta 'pr…

75c6432

…eserve-unknown' value (5.105) (webpack#7992)

pranjalisr marked this pull request as draft March 12, 2026 16:00

vercel bot deployed to Preview March 12, 2026 16:03 View deployment

pranjalisr force-pushed the add/startguides branch 2 times, most recently from a5b80cc to 75c6432 Compare March 12, 2026 16:03

pranjalisr closed this Mar 12, 2026

vercel bot deployed to Preview March 12, 2026 16:06 View deployment

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

docs: add minimal quick-start section to Getting Started guide#7904

docs: add minimal quick-start section to Getting Started guide#7904
pranjalisr wants to merge 56 commits intowebpack:mainfrom
pranjalisr:add/startguides

pranjalisr commented Mar 3, 2026

Uh oh!

vercel bot commented Mar 3, 2026 •

edited

Loading

Uh oh!

alexander-akait left a comment

Uh oh!

pranjalisr commented Mar 3, 2026

Uh oh!

alexander-akait commented Mar 3, 2026

Uh oh!

evenstensberg left a comment

Uh oh!

pranjalisr commented Mar 5, 2026

Uh oh!

pranjalisr commented Mar 6, 2026

Uh oh!

pranjalisr commented Mar 12, 2026

Uh oh!

evenstensberg commented Mar 12, 2026

Uh oh!

pranjalisr commented Mar 12, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

13 participants

Uh oh!

Conversation

pranjalisr commented Mar 3, 2026

Uh oh!

vercel bot commented Mar 3, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

alexander-akait left a comment

Choose a reason for hiding this comment

Uh oh!

pranjalisr commented Mar 3, 2026

Uh oh!

alexander-akait commented Mar 3, 2026

Uh oh!

evenstensberg left a comment

Choose a reason for hiding this comment

Uh oh!

pranjalisr commented Mar 5, 2026

Uh oh!

pranjalisr commented Mar 6, 2026

Uh oh!

pranjalisr commented Mar 12, 2026

Uh oh!

evenstensberg commented Mar 12, 2026

Uh oh!

pranjalisr commented Mar 12, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

13 participants

vercel bot commented Mar 3, 2026 •

edited

Loading