refactor(web): replace CRA with Vite

packages/web/vite.config.js

@@ -0,0 +1,47 @@
+import react from '@vitejs/plugin-react';
+import path from 'node:path';
+import { defineConfig } from 'vite';
+import eslint from 'vite-plugin-eslint';
+
+export default defineConfig(() => {
+  return {
+    // https://github.com/vitejs/vite/issues/1973#issuecomment-787571499
+    define: {
+      'process.env': {},
+    },
+    build: {
+      outDir: 'build',
+    },
+    plugins: [
+      react({
+        jsxImportSource: '@emotion/react',
+        babel: {
+          plugins: ['@emotion/babel-plugin'],
+        },
+      }),
+      eslint({
+        eslintPath: require.resolve('eslint'),
+        cache: false,
+        include: ['src/**/*.js', 'src/**/*.jsx'],
+        exclude: ['node_modules'],
+      }),
+    ],
+    resolve: {
+      alias: {
+        components: path.resolve(__dirname, './src/components'),
+        config: path.resolve(__dirname, './src/config'),
+        contexts: path.resolve(__dirname, './src/contexts'),
+        helpers: path.resolve(__dirname, './src/helpers'),
+        hooks: path.resolve(__dirname, './src/hooks'),
+        locales: path.resolve(__dirname, './src/locales'),
+        pages: path.resolve(__dirname, './src/pages'),
+        propTypes: path.resolve(__dirname, './src/propTypes'),
+        styles: path.resolve(__dirname, './src/styles'),
+      },
+    },
+    server: {
+      open: true,
+      port: process.env.PORT || 3001,
+    },
+  };
+});