docs: fix getting started UX issues from #7510

[KumarMunesh12]

Summary

Fixes several documentation UX issues reported in #7510 by a user
who walked through webpack.js.org from scratch and hit multiple
stumbling blocks as a first-time user.

Changes made

src/components/Splash/second/left.mdx

• Added mode: "development" to the sample webpack.config.js
• Without this, running the sample config from the front page
  produces a red warning: "mode option has not been set" —
  confusing for new users following the getting started example

src/components/Splash/second/right.mdx

• Reworded the video walkthrough line from:
  "Prefer a video walkthrough?"
  to:
  "Prefer a video walkthrough instead? See the ... guide."
• The original phrasing made the video feel like the primary
  instruction rather than an optional alternative

src/content/index.mdx

• Changed webpack to npx webpack in the run command
• New users do not have webpack in their $PATH — npx webpack
  works out of the box without a global install

What was NOT changed

The css-loader page (webpack.js.org/loaders/css-loader/) also
has issues mentioned in #7510 — specifically:

• import * as css from "file.css" should be import "./file.css"
  (bare path causes Can't resolve 'file.css' error)
• webpack.config.js example needs // ... ellipsis lines
• "You may need to install style-loader" should be "You must also
  install style-loader"

However, the css-loader docs live in the separate webpack/css-loader
repository (not in webpack.js.org), so those fixes will be submitted
as a separate PR to that repo.

Related

Closes #7510 (partial — items 2, 3, 4 from the original report)

Output

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
webpack-js-org	Ready	Preview, Comment	Mar 25, 2026 0:00am

[linux-foundation-easycla]

The committers listed above are authorized under a signed CLA.

• ✅ login: KumarMunesh12 / name: KumarMunesh12 (a5d0627, c38aae0)

[KumarMunesh12]

Hello Maintainer, Please Review my PR, Tell me what improvements need. Thank You

[alexander-akait]

Don't use npx

[KumarMunesh12]

Thanks! Got it, will i revert that line back to webpack.

Should I leave it as-is or add a note pointing to the npm scripts
approach? Happy to do either.

[alexander-akait]

You can use webpack after installation without extra scripts

[evenstensberg]

use our pr template.

[KumarMunesh12]

hello maintainer @evenstensberg, i hope you are fit and fine. I was enable to check update on it because of my mid exam,and also iam unaware of pr template. if there is any invalid solution so please guide me to give my best.As i apply for Gsoc 26 it is effecting my proposal because i mention this pr in proposal.