init project

src/App.tsx

@@ -0,0 +1,12 @@
+import { basename } from './modules/basename';
+
+console.log('basename', basename);
+export const App = () => {
+  return (
+    <div className='bg-slate-200 w-full h-full border'>
+      <div className='test-loading bg-black'>
+        <div></div>
+      </div>
+    </div>
+  );
+};

src/index.css

@@ -0,0 +1 @@
+@import "tailwindcss";

src/main.tsx

@@ -0,0 +1,6 @@
+import { createRoot } from 'react-dom/client';
+import { App } from './App.tsx';
+
+import './index.css';
+
+createRoot(document.getElementById('root')!).render(<App />);

src/modules/basename.ts

@@ -0,0 +1 @@
+export const basename = DEV_SERVER ? '/' : BASE_NAME;

src/vite-env.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="vite/client" />
+type SimpleObject = {
+  [key: string | number]: any;
+};
+
+declare let BASE_NAME: string;