Use browserlist as esbuild target

Author: pepelsbey

eleventy.config.js

@@ -1,6 +1,7 @@
 import { parseHTML } from 'linkedom';
 import slugify from '@sindresorhus/slugify';
 import * as esbuild from 'esbuild';
+import browserslistToEsbuild from 'browserslist-to-esbuild';
 import minifyHtml from '@minify-html/node';
 import markdownIt from 'markdown-it';
 import { bundle as lightningcssBundle, browserslistToTargets, Features } from 'lightningcss';
@@ -165,7 +166,7 @@ export default (config) => {
 
 			return async () => {
 				let { outputFiles } = await esbuild.build({
-					target: 'es2020',
+					target: browserslistToEsbuild(packageJson.browserslist),
 					entryPoints: [path],
 					minify: true,
 					bundle: true,

package-lock.json

@@ -28,6 +28,7 @@
 		"@netlify/blobs": "^10.7.4",
 		"@shikijs/markdown-it": "^4.0.2",
 		"@sindresorhus/slugify": "^3.0.0",
+		"browserslist-to-esbuild": "^2.1.1",
 		"editorconfig-checker": "^6.1.1",
 		"esbuild": "^0.28.0",
 		"eslint": "^10.2.0",