perf: use browserslist targets (#6891)

* perf: use browserslist targets * update browserslist targets to be on the safe side and avoid sudden future changes
electricitymaps · Jul 26, 2024 · 52c1362 · 52c1362
1 parent f86cb57
commit 52c1362
Show file tree

Hide file tree

Showing 5 changed files with 33 additions and 6 deletions.
diff --git a/web/Earthfile b/web/Earthfile
@@ -16,7 +16,7 @@ prepare:
   FROM +src-files
   RUN npm install -g pnpm@9
   RUN pnpm install --frozen-lockfile
-  COPY index.html .postcssrc.json tailwind.config.cjs tsconfig.json tsconfig.node.json vite.config.cts .
+  COPY index.html .postcssrc.json tailwind.config.cjs tsconfig.json tsconfig.node.json vite.config.ts .
   COPY scripts/generateZonesConfig.ts ./scripts/generateZonesConfig.ts
   COPY scripts/register-tsNodeESM.js ./scripts/register-tsNodeESM.js
   COPY --dir geo public src ./

diff --git a/web/package.json b/web/package.json
@@ -45,6 +45,9 @@
   },
   "browserslist": [
     "defaults",
+    "safari 15.6",
+    "ios_saf 15.6",
+    "> 0.25%",
     "not ie 11",
     "not op_mini all"
   ],
@@ -150,6 +153,7 @@
     "@vitejs/plugin-react-swc": "^3.7.0",
     "@vitest/coverage-istanbul": "1.6.0",
     "autoprefixer": "10.4.19",
+    "browserslist-to-esbuild": "^2.1.1",
     "colors": "^1.4.0",
     "css-mediaquery": "0.1.2",
     "cypress": "13.12.0",

diff --git a/web/pnpm-lock.yaml b/web/pnpm-lock.yaml
diff --git a/web/tsconfig.node.json b/web/tsconfig.node.json
@@ -17,5 +17,5 @@
     },
     "transpileOnly": true
   },
-  "include": ["vite.config.cts", "cypress.config.ts", "scripts", "geo", ".storybook"]
+  "include": ["vite.config.ts", "cypress.config.ts", "scripts", "geo", ".storybook"]
 }
diff --git a/web/vite.config.cts → web/vite.config.ts b/web/vite.config.cts → web/vite.config.ts
@@ -2,6 +2,7 @@
 import eslintPlugin from '@nabla/vite-plugin-eslint';
 import { sentryVitePlugin, SentryVitePluginOptions } from '@sentry/vite-plugin';
 import react from '@vitejs/plugin-react-swc';
+import browserslistToEsbuild from 'browserslist-to-esbuild';
 import { defineConfig } from 'vite';
 import { ManifestOptions, VitePWA } from 'vite-plugin-pwa';
 import tsconfigPaths from 'vite-tsconfig-paths';
@@ -149,6 +150,7 @@ export default defineConfig(({ mode }) => ({
   },
   server: { host: '127.0.0.1' },
   build: {
+    target: browserslistToEsbuild(),
     sourcemap: true,
     rollupOptions: {
       output: {
@@ -193,8 +195,9 @@ export default defineConfig(({ mode }) => ({
             ],
           }
     ),
-    ...(mode !== 'test'
-      ? [
+    ...(mode === 'test'
+      ? []
+      : [
           eslintPlugin(),
           VitePWA({
             registerType: 'prompt',
@@ -228,7 +231,6 @@ export default defineConfig(({ mode }) => ({
           }),
           // Used to upload sourcemaps to Sentry
           process.env.SENTRY_AUTH_TOKEN && sentryVitePlugin(sentryPluginOptions),
-        ]
-      : []),
+        ]),
   ],
 }));