chore: migrate to vite

9f8dbd49 · newb1er · f0f9ee97 · 9f8dbd49 · 9f8dbd49 · 9f8dbd49
Commit 9f8dbd49 authored 1 year ago by newb1er
--- a/frontend/public/index.html
+++ b/frontend/public/index.html
@@ -2,18 +2,15 @@
 <html lang="en">
  <head>
    <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <link rel="icon" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
-    <meta
+    <meta name="description" content="Web site created using create-react-app" />
-      name="description"
-      content="Web site created using create-react-app"
-    />
    <!--
      manifest.json provides metadata used when your web app is installed on a
      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <link rel="manifest" href="/manifest.json" />
    <!--
      Notice the use of %PUBLIC_URL% in the tags above.
      It will be replaced with the URL of the `public` folder during the build.
@@ -27,6 +24,7 @@
  </head>
  <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <script type="module" src="src/index.tsx"></script>
    <div id="root"></div>
    <!--
      This HTML file is a template.

--- a/frontend/package.json
+++ b/frontend/package.json
@@ -16,6 +16,7 @@
    "@types/node": "^18.14.0",
    "@types/react": "^18.0.28",
    "@types/react-dom": "^18.0.11",
+    "@vitejs/plugin-react-swc": "^3.6.0",
    "amplify-material-ui": "^1.0.2",
    "aws-amplify": "^5.0.15",
    "aws-sdk": "^2.1319.0",
@@ -29,13 +30,13 @@
    "react-scripts": "5.0.1",
    "ts-md5": "^1.3.1",
    "typescript": "^4.9.5",
+    "vite": "^5.1.4",
    "web-vitals": "^3.1.1"
  },
  "scripts": {
-    "start": "react-scripts start",
+    "start": "vite",
-    "build": "react-scripts build",
+    "build": "vite build",
-    "test": "react-scripts test",
+    "preview": "vite preview",
-    "eject": "react-scripts eject",
    "format": "prettier --write 'src/**/*.{js,jsx,tsx,css,md,json}' --config ./.prettierrc"
  },
  "eslintConfig": {

--- a/frontend/vite-env.d.ts
+++ b/frontend/vite-env.d.ts
+/// <reference types="vite/client" />
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react-swc";
+export default defineConfig({
+  base: "/",
+  plugins: [react()],
+  build: {
+    outDir: "build",
+  },
+});
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock