From 0a4b4316c85fd78c2831508a84724d4285fb3e3b Mon Sep 17 00:00:00 2001 From: ckt1031 <65409152+ckt1031@users.noreply.github.com> Date: Mon, 31 Jul 2023 22:17:07 +0800 Subject: [PATCH] feat: use vite for faster build --- web/{public => }/index.html | 1 + web/package.json | 12 ++++++------ web/vite.config.js | 23 +++++++++++++++++++++++ 3 files changed, 30 insertions(+), 6 deletions(-) rename web/{public => }/index.html (91%) create mode 100644 web/vite.config.js diff --git a/web/public/index.html b/web/index.html similarity index 91% rename from web/public/index.html rename to web/index.html index b8e324d2..d4664e14 100644 --- a/web/public/index.html +++ b/web/index.html @@ -14,5 +14,6 @@
+ diff --git a/web/package.json b/web/package.json index a2bf3054..48999e5c 100644 --- a/web/package.json +++ b/web/package.json @@ -3,6 +3,7 @@ "version": "0.1.0", "private": true, "dependencies": { + "@vitejs/plugin-react": "^4.0.3", "axios": "^0.27.2", "history": "^5.3.0", "marked": "^4.1.1", @@ -10,17 +11,16 @@ "react-dom": "^18.2.0", "react-dropzone": "^14.2.3", "react-router-dom": "^6.3.0", - "react-scripts": "5.0.1", "react-toastify": "^9.0.8", "react-turnstile": "^1.0.5", "semantic-ui-css": "^2.5.0", - "semantic-ui-react": "^2.1.3" + "semantic-ui-react": "^2.1.3", + "vite": "^4.4.7", + "vite-plugin-env-compatible": "^1.1.1" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test", - "eject": "react-scripts eject" + "start": "vite preview", + "build": "vite build" }, "eslintConfig": { "extends": [ diff --git a/web/vite.config.js b/web/vite.config.js new file mode 100644 index 00000000..499dc988 --- /dev/null +++ b/web/vite.config.js @@ -0,0 +1,23 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' +import envCompatible from 'vite-plugin-env-compatible' + +export default defineConfig({ + plugins: [ + react(), + envCompatible({ + prefix: "REACT_APP_", + mountedPath: "process.env", + }), + ], + build: { + outDir: "build" + }, + esbuild: { + loader: "tsx", + include: [ + "src/**/*.js", + ], + exclude: [], + } +})