fix: let vite handle the leaflet asset copying

nobkd · Mar 31, 2023 · 20f3bbc · 20f3bbc
1 parent e3aefdd
commit 20f3bbc
Show file tree

Hide file tree

Showing 3 changed files with 242 additions and 7 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -15,11 +15,10 @@
     },
     "scripts": {
         "icons": "svgexport icons/plain.svg public/icons/48.png 48:48 && svgexport icons/plain.svg public/icons/96.png 96:96",
-        "leaflet": "cp node_modules/leaflet/dist/leaflet.css public/leaflet.css && cp -r node_modules/leaflet/dist/images public",
         "format": "prettier . --write",
-        "build": "nr leaflet && tsc && vite build",
-        "watch": "nr leaflet && vite build --watch --mode development --minify false",
-        "dev": "nr leaflet && vite",
+        "build": "tsc && vite build",
+        "watch": "vite build --watch --mode development --minify false",
+        "dev": "vite",
         "serve:firefox": "web-ext run -s .dist",
         "serve:chrome": "web-ext run -t chromium -s .dist",
         "bundle": "nr build && web-ext build -s .dist -a .out"
@@ -32,6 +31,7 @@
         "prettier": "^2.8.7",
         "typescript": "^5.0.2",
         "vite": "^4.2.1",
+        "vite-plugin-static-copy": "^0.13.1",
         "web-ext": "^7.6.0",
         "webextension-polyfill": "^0.10.0"
     },

diff --git a/vite.config.ts b/vite.config.ts
@@ -1,16 +1,31 @@
-import { defineConfig } from 'vite';
+import { defineConfig, normalizePath } from 'vite';
+import { viteStaticCopy } from 'vite-plugin-static-copy';
 import { resolve } from 'path';
 
 export default defineConfig({
     root: 'src',
     publicDir: '../public',
+    plugins: [
+        viteStaticCopy({
+            targets: [
+                {
+                    src: normalizePath(resolve(__dirname, 'node_modules/leaflet/dist/leaflet.css')),
+                    dest: '.',
+                },
+                {
+                    src: normalizePath(resolve(__dirname, 'node_modules/leaflet/dist/images')),
+                    dest: '.',
+                },
+            ],
+        }),
+    ],
     build: {
         outDir: '../.dist',
         emptyOutDir: true,
         rollupOptions: {
             input: {
-                bg: resolve(__dirname, 'src/bg.html'),
-                map: resolve(__dirname, 'src/map.html'),
+                bg: normalizePath(resolve(__dirname, 'src/bg.html')),
+                map: normalizePath(resolve(__dirname, 'src/map.html')),
             },
         },
     },