use vite to start & build app

vite.config.ts

@@ -0,0 +1,49 @@
+import path from 'path';
+import dotenv from 'dotenv';
+
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import eslint from 'vite-plugin-eslint';
+import { VitePWA } from 'vite-plugin-pwa';
+
+dotenv.config();
+
+const alias = {
+	'@app': path.resolve(__dirname, 'src/app'),
+	'@assets': path.resolve(__dirname, 'src/assets'),
+	'@config': path.resolve(__dirname, 'src/config'),
+	'@components': path.resolve(__dirname, 'src/components'),
+	'@hooks': path.resolve(__dirname, 'src/hooks'),
+	'@pages': path.resolve(__dirname, 'src/pages'),
+	'@providers': path.resolve(__dirname, 'src/providers'),
+	'@selectors': path.resolve(__dirname, 'src/store/selectors'),
+	'@reducers': path.resolve(__dirname, 'src/store/reducers'),
+	'@services': path.resolve(__dirname, 'src/store/services'),
+	'@store': path.resolve(__dirname, 'src/store'),
+	'@utils': path.resolve(__dirname, 'src/utils'),
+};
+
+// https://vite.dev/config/
+export default defineConfig({
+	plugins: [
+		react(),
+		eslint(),
+		VitePWA({
+			srcDir: 'src',
+			filename: 'sw.js',
+			strategies: 'injectManifest',
+			manifest: false,
+		}),
+	],
+	resolve: {
+		alias: {
+			'@': path.resolve(__dirname, 'src/'),
+		},
+	},
+	preview: {
+		port: 8000,
+	},
+	server: {
+		port: 8080,
+	},
+});