Migrerer fra react-scripts til vite

navikt · Jul 16, 2024 · 85bfaf9 · 85bfaf9
1 parent ec3d736
commit 85bfaf9
Show file tree

Hide file tree

Showing 24 changed files with 18,238 additions and 63,314 deletions.
diff --git a/.npmrc b/.npmrc
@@ -1 +1 @@
-@OWNER:registry=https://npm.pkg.github.com
+@navikt:registry=https://npm.pkg.github.com
diff --git a/example/.npmrc b/example/.npmrc
@@ -0,0 +1 @@
+@navikt:registry=https://npm.pkg.github.com
diff --git a/example/index.html b/example/index.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="no">
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+        <meta name="theme-color" content="#000000" />
+        <link rel="stylesheet" href="/src/styles.less" />
+        <title>Arbeidsforhold - www.nav.no</title>
+    </head>
+    <body>
+        <noscript> You need to enable JavaScript to run this app. </noscript>
+        <div class="pagewrapper">
+            <main class="app" id="root"></main>
+        </div>
+        <script type="module" src="/src/index.tsx"></script>
+    </body>
+</html>
diff --git a/example/package-lock.json b/example/package-lock.json
diff --git a/example/package.json b/example/package.json
@@ -12,41 +12,44 @@
     "scripts": {
         "start": "npm-run-all -p start:*",
         "start:less": "less-watch-compiler",
-        "start:react": "react-scripts start",
+        "start:build": "vite build --watch",
+        "start:vite": "vite",
         "build": "npm-run-all build:*",
         "build:css": "less-watch-compiler --run-once",
-        "build:react": "react-scripts build",
-        "eject": "react-scripts eject",
-        "test": "exit 0"
+        "build:vite": "vite build"
     },
     "dependencies": {
-        "@navikt/aksel-icons": "6.1.1",
+        "@navikt/aksel-icons": "6.13.0",
         "@navikt/arbeidsforhold": "file:..",
-        "@navikt/ds-css": "6.1.1",
-        "@navikt/ds-react": "6.1.1",
-        "@navikt/fnrvalidator": "1.3.0",
-        "@react-pdf/renderer": "3.1.17",
+        "@navikt/ds-css": "6.13.0",
+        "@navikt/ds-react": "6.13.0",
+        "@navikt/fnrvalidator": "2.1.0",
+        "@react-pdf/renderer": "3.4.4",
         "buffer": "6.0.3",
-        "core-js": "3.36.0",
+        "core-js": "3.37.1",
         "dayjs": "1.11.10",
-        "fetch-mock": "9.11.0",
         "lodash.throttle": "4.1.1",
         "npm-run-all": "4.1.5",
         "react": "file:../node_modules/react",
         "react-app-polyfill": "3.0.0",
         "react-dom": "file:../node_modules/react-dom",
         "react-modal": "3.16.1",
-        "react-router": "6.21.2",
-        "react-router-dom": "6.21.2",
-        "react-scripts": "5.0.1",
-        "typescript": "4.9.5"
+        "react-router": "6.24.1",
+        "react-router-dom": "6.24.1",
+        "typescript": "5.5.3"
     },
     "devDependencies": {
-        "@types/react": "18.2.48",
-        "@types/react-dom": "18.2.18",
+        "@types/react": "18.3.3",
+        "@types/react-dom": "18.3.0",
+        "@vitejs/plugin-react": "^4.3.1",
         "classnames": "2.5.1",
+        "fetch-mock": "10.0.8",
         "less": "4.2.0",
-        "less-watch-compiler": "1.16.3"
+        "less-watch-compiler": "1.16.3",
+        "vite": "5.3.3",
+        "vite-tsconfig-paths": "4.3.2",
+        "vitest": "2.0.3",
+        "vitest-fetch-mock": "0.3.0"
     },
     "browserslist": {
         "production": [

diff --git a/example/public/index.html b/example/public/index.html
diff --git a/example/public/manifest.json b/example/public/manifest.json
diff --git a/example/tsconfig.json b/example/tsconfig.json
@@ -16,7 +16,6 @@
     "module": "esnext",
     "moduleResolution": "node",
     "resolveJsonModule": true,
-    "isolatedModules": true,
     "noEmit": true,
     "jsx": "preserve"
   },

diff --git a/example/vite-env.d.ts b/example/vite-env.d.ts
@@ -0,0 +1 @@
+import 'vite/client';
diff --git a/example/vite.config.ts b/example/vite.config.ts
@@ -0,0 +1,23 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import path from 'path';
+
+export default defineConfig(() => {
+    return {
+        build: {
+            outDir: 'build',
+            assetsInlineLimit: 0,
+            sourcemap: true,
+        },
+        base: '',
+        plugins: [react()],
+        resolve: {
+            alias: {
+                '@': path.resolve(__dirname, './src'),
+            },
+        },
+        server: {
+            port: 3006,
+        },
+    };
+});