alternative tangled frontend (extremely wip)
1import { defineConfig } from "vite";
2import { devtools } from "@tanstack/devtools-vite";
3import { tanstackStart } from "@tanstack/react-start/plugin/vite";
4import viteReact from "@vitejs/plugin-react";
5import viteTsConfigPaths from "vite-tsconfig-paths";
6import tailwindcss from "@tailwindcss/vite";
7import { nitro } from "nitro/vite";
8
9const SERVER_HOST = "127.0.0.1";
10const SERVER_PORT = 3000;
11
12const config = defineConfig({
13 server: { host: SERVER_HOST, port: SERVER_PORT },
14 plugins: [
15 devtools(),
16 nitro(),
17 // this is the plugin that enables path aliases
18 viteTsConfigPaths({
19 projects: ["./tsconfig.json"],
20 }),
21 tailwindcss(),
22 tanstackStart({
23 spa: {
24 enabled: true,
25 },
26 }),
27 viteReact({
28 babel: {
29 plugins: ["babel-plugin-react-compiler"],
30 },
31 }),
32 ],
33});
34
35export default config;