docs(guides): update getting-started to use ES6 syntax

[jashtanna007]

Fixes #7636

Updated the webpack.config.js example in the 'Getting Started' guide to use modern ES6 module syntax.

• [x] Read and sign the [CLA][1]. PRs that haven't signed it won't be accepted.
• [x] Make sure your PR complies with the [writer's guide][2].
• [x] Review the diff carefully as sometimes this can reveal issues.
• [x] Do not abandon your Pull Request: [Stale Pull Requests][3].

[vercel[bot]]

@jashtanna007 is attempting to deploy a commit to the OpenJS Foundation Team on Vercel.

A member of the Team first needs to authorize it.

[linux-foundation-easycla[bot]]

The committers listed above are authorized under a signed CLA.

• :white_check_mark: login: jashtanna007 / name: jashtanna007 (26ac40cff41c98a2847b43df1e9a5fb6c93aad5b, 2a018b4bd449db2c3bc630d7cda2466628adfa98, 5b9bdfe695b03615499fc183369b6e17c279f612, 6af0e90d5d16f9ba3044c455a52cd011c9bcdf13, 7f252ab96b4cb841e953e4f350ab9e32bb2e1b40, 8ad92f601fbed8fe5420b9690d5cad72bb3129ab, ffc75774ffc7ee2a18a0d864a9530adb44c1b5c6)

[evenstensberg]

Also, I think we need something to show that we can use .cjs, .mjs and .jsfor config names along with examples. Could you look at how #7518 does this?

[jashtanna007]

Hi @evenstensberg, thank you for your patience. I have implemented the tabbed code group as you suggested, but I am completely stuck on a persistent linting error.

The error is Parsing error: Could not parse import/exports with acorn.

It seems the linter is not configured to handle import statements at the top of the .mdx file, which is necessary to use the <CodeGroup> and <CodeBlock> components. I have tried several formatting variations without success.

As I am unfamiliar with the specifics of this project's ESLint and MDX configuration, could you please provide some guidance on the correct way to import and use these components in a .mdx guide?

Thank you for your help!

[evenstensberg]

No problems, thanks for your contribution! I think the next step is to try fix that before merging this pr.

[jashtanna007]

Thanks for the reply, @evenstensberg!

I'm ready to fix the linting error. As I'm unfamiliar with this project's specific MDX/ESLint setup, could you please point me in the right direction or provide an example of the correct way to import and use the <CodeGroup> component in a guide file?

I'm eager to make the required changes as soon as I know the correct approach. Thanks again!

[jashtanna007]

Hi @evenstensberg, hope you're having a good week!

Just wanted to gently follow up on this pull request. I'm still stuck on the project-specific linting error we discussed (Parsing error: Could not parse import/exports with acorn).

Any guidance you could provide on the correct way to import and use the components would be a great help. I'm ready to make the changes as soon as I know the right approach.

Thanks again for your time!

[evenstensberg]

@jashtanna007 please fix ci issues regarding linting.