init

vite.config.ts

@@ -0,0 +1,61 @@
+import { fileURLToPath, URL } from 'node:url';
+import { defineConfig } from "vite";
+import vue from "@vitejs/plugin-vue";
+import tailwindcss from "@tailwindcss/vite";
+
+const inputs = {
+    main: "./src/main.ts",
+    style: "./src/style.css",
+};
+
+export default defineConfig({
+    plugins: [vue(), tailwindcss()],
+    base: "/",
+    publicDir: false,
+    build: {
+        outDir: "public/build",
+        minify: false,
+        sourcemap: "inline",
+
+        chunkSizeWarningLimit: 2000,
+
+        rollupOptions: {
+            input: inputs,
+            output: {
+                entryFileNames: "[name].js",
+                assetFileNames: ({ name }) => {
+                    if (name && name.endsWith(".css")) {
+                        return "[name].css";
+                    }
+                    return "[name].[ext]";
+                },
+
+                inlineDynamicImports: false,
+            },
+        },
+    },
+    server: {
+        proxy: {
+            '^/(?!src|node_modules|@).*$': {
+                target: 'http://localhost:3000',
+                changeOrigin: true,
+                configure(proxy, options) {
+                    proxy.on('proxyReq', (proxyReq, req, res) => {
+                        proxyReq.setHeader('X-Vite', 'true');
+                    });
+                },
+            }
+        },
+        origin: 'http://localhost:3000'
+    },
+    define: {
+        __VUE_OPTIONS_API__: true,
+        __VUE_PROD_DEVTOOLS__: false,
+        __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: false,
+    },
+    resolve: {
+        alias: {
+            '@': fileURLToPath(new URL('./src', import.meta.url))
+        }
+    }
+});