From 6f150098fd7d549d71e1526219e8562219b9b184 Mon Sep 17 00:00:00 2001
From: Jack Westbrook <jack.westbrook@gmail.com>
Date: Wed, 4 Dec 2024 11:11:36 +0100
Subject: [PATCH] fix(frontend): get start command working

---
 packages/grafana-plugin-configs/webpack.config.ts | 2 ++
 vite.config.ts                                    | 7 +++++++
 2 files changed, 9 insertions(+)

diff --git a/packages/grafana-plugin-configs/webpack.config.ts b/packages/grafana-plugin-configs/webpack.config.ts
index 4fd39f206cd..fa64f899246 100644
--- a/packages/grafana-plugin-configs/webpack.config.ts
+++ b/packages/grafana-plugin-configs/webpack.config.ts
@@ -227,6 +227,8 @@ const config = async (env: Record<string, unknown>): Promise<Configuration> => {
 
     stats: 'minimal',
 
+    target: 'web',
+
     watchOptions: {
       ignored: ['**/node_modules', '**/dist', '**/.yarn'],
     },
diff --git a/vite.config.ts b/vite.config.ts
index 89abe82a338..025616b4d85 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -23,6 +23,13 @@ export default defineConfig(({ command }) => ({
     assetsDir: 'public/build',
     minify: shouldMinify,
   },
+  css: {
+    preprocessorOptions: {
+      scss: {
+        silenceDeprecations: ['import', 'global-builtin', 'legacy-js-api'],
+      },
+    },
+  },
   server: {
     // vite binds to ipv6 by default... and that doesn't work for me locally on mac...
     host: '0.0.0.0',