Update example webpack to run under Node.js 18

[MikeMcC399]

This PR resolves issue #686 "webpack examples fail locally on Node.js 18 (LTS)"

For

• examples/v9/webpack
• examples/webpack

in webpack.config.js

• the deprecated contentBase is replaced by static directory
• mode development is added and

the versions of the following npm packages are bumped:

• webpack from 4 to 5.75.0 (latest)
• webpack-cli from 3 to 5.0.1 (latest)
• webpack-dev-server from 3.11.0 to 4.11.1 (latest)

finally

• a .gitignore file is added, which contains dist/, to ensure that a local run of the test does not inadvertently cause files created by the test to be committed to the repository.

Verification

GitHub test

Check the Actions log on https://github.com/cypress-io/github-action/actions/workflows/example-webpack.yml?query=branch%3Amaster and ensure that the Status is "Success"

Local test

Open a terminal window on a local clone of the repository:

cd examples/v9/webpack
nvm use 18.13.0
npm ci
npx webpack

Ensure that the output is:
"webpack 5.75.0 compiled successfully"
and that there are no error messages displayed.

Following on from the previous test to check in examples/webpack

cd ../../webpack
nvm use 18.13.0
npm ci
npx webpack

Ensure that the output is:
"webpack 5.75.0 compiled successfully"
and that there are no error messages displayed.

Execute

git status

and check that no new files are found by git.

[MikeMcC399]

@jaffrepaul

This PR is now rebased and ready for review and merge.

[jaffrepaul]

👍

[github-actions]

🎉 This PR is included in version 5.0.8 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀