read your browser targets from config/targets.js automatically

packages/vite/package.json

@@ -21,6 +21,7 @@
     "@embroider/reverse-exports": "workspace:*",
     "@rollup/pluginutils": "^5.1.0",
     "assert-never": "^1.2.1",
+    "browserslist-to-esbuild": "^2.1.1",
     "content-tag": "^2.0.2",
     "debug": "^4.3.2",
     "esbuild": "^0.17.19",

packages/vite/src/classic-ember-support.ts

@@ -3,7 +3,37 @@ import { scripts } from './scripts.js';
 import { compatPrebuild } from './build.js';
 import { assets } from './assets.js';
 import { contentFor } from './content-for.js';
+import browserslistToEsbuild from 'browserslist-to-esbuild';
+import { existsSync } from 'fs';
+import { join } from 'path';
+import { mergeConfig, type UserConfig } from 'vite';
 
 export function classicEmberSupport() {
-  return [hbs(), scripts(), compatPrebuild(), assets(), contentFor()];
+  return [
+    hbs(),
+    scripts(),
+    compatPrebuild(),
+    assets(),
+    contentFor(),
+    {
+      name: 'vite-plugin-ember-browser-targets',
+      async config(userConfig: UserConfig) {
+        const targetsPath = join(process.cwd(), 'config/targets.js');
+        if (existsSync(targetsPath)) {
+          const targets = await import(targetsPath);
+          if (targets.default.browsers) {
+            return mergeConfig(
+              {
+                build: {
+                  target: browserslistToEsbuild(targets.browsers),
+                },
+              },
+              userConfig
+            );
+          }
+        }
+        return userConfig;
+      },
+    },
+  ];
 }