Switching from CommonJS to ESM ✣ S.Bistrović

I saw the post from Zach on Mastodon yesterday (that made me laugh), and I was inspired to do the same - switch from CommonJS to ESM on my website.

Here's how I did it in about 5 minutes:

Opened my VS Code
Searched for = require( and added *js to files to include
Opened Copilot Edits
Wrote the following prompt: I'd like to use ESM instead of CommonJS. Can you update my files, please?
Clicked + Add files
Clicked Search Results
Add the following line to my package.json file: "type": "module"

After a minute or so, all my files were updated.

My only issue was including the package.json file in the .eleventy.js file.

If you are wondering why I included package.json, it is because I parsed the Eleventy version from it and added it to the generator meta tag.

But Zach told me that this data is provided by Eleventy so I removed the import and added the following line:

<meta name="generator" content="{{ eleventy.generator }}">

You can see all changes in this commit on GitHub.