feat: adopt @nx/vite

secundant · Dec 9, 2023 · 286c3b1 · 286c3b1
1 parent 7111860
commit 286c3b1
Show file tree

Hide file tree

Showing 10 changed files with 291 additions and 31 deletions.
diff --git a/apps/vite-react/index.html b/apps/vite-react/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Example Vite React Application</title>
+    <title>Example Vite React Application kekw</title>
   </head>
   <body>
     <div id="root"></div>

diff --git a/apps/vite-react/package.json b/apps/vite-react/package.json
@@ -2,10 +2,5 @@
   "name": "vite-react",
   "private": true,
   "version": "0.0.0",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "preview": "vite preview"
-  }
+  "type": "module"
 }
diff --git a/apps/vite-react/project.json b/apps/vite-react/project.json
@@ -1,14 +1,21 @@
 {
-  "$schema": "../../node_modules/nx/schemas/project-schema.json",
   "name": "vite-react",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
   "sourceRoot": "apps/vite-react/src",
   "projectType": "application",
   "tags": [],
   "targets": {
+    "dev": {},
+    "test": {},
     "lint": {},
-    "storybook": {},
     "typecheck": {},
+    "storybook": {},
     "test-storybook": {},
-    "build-storybook": {}
+    "build-storybook": {},
+    "build": {
+      "executor": "@nx/vite:build"
+    },
+    "serve": {},
+    "preview": {}
   }
 }
diff --git a/apps/vite-react/tsconfig.json b/apps/vite-react/tsconfig.json
@@ -1,8 +1,9 @@
 {
   "extends": "../../tsconfig.base.json",
   "compilerOptions": {
-    "lib": ["ESNext", "DOM"],
-    "types": ["vitest/globals", "vitest/importMeta", "vite/client", "vitest"]
+    "types": ["vite/client"],
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "jsx": "react-jsx"
   },
-  "include": ["src"]
+  "include": ["src", "vite.config.ts"]
 }
diff --git a/apps/vite-react/vite.config.ts b/apps/vite-react/vite.config.ts
@@ -1,7 +1,17 @@
+/// <reference types="vitest" />
+import { nxViteTsPaths } from '@nx/vite/plugins/nx-tsconfig-paths.plugin';
 import react from '@vitejs/plugin-react';
 import { defineConfig } from 'vite';
-import tsconfigPaths from 'vite-tsconfig-paths';
 
 export default defineConfig({
-  plugins: [react(), tsconfigPaths()],
+  cacheDir: '../../node_modules/.vite/vite-react',
+  test: {
+    globals: true,
+    cache: {
+      dir: '../../node_modules/.vitest',
+    },
+    environment: 'jsdom',
+    include: ['src/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
+  },
+  plugins: [react(), nxViteTsPaths()],
 });
diff --git a/libs/react-ui/tsconfig.json b/libs/react-ui/tsconfig.json
@@ -1,9 +1,8 @@
 {
   "extends": "../../tsconfig.base.json",
   "compilerOptions": {
-    "lib": ["dom", "esnext"],
-    "types": ["vitest/globals", "vitest/importMeta", "vite/client", "node", "vitest"]
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "types": ["vitest/globals", "vitest/importMeta", "vite/client"]
   },
-  "include": ["src", "vite.config.ts", ".storybook"],
-  "exclude": ["**/*.test.ts", "**/*.test.tsx"]
+  "include": ["src", "vite.config.ts", ".storybook"]
 }
diff --git a/libs/react-ui/vite.config.ts b/libs/react-ui/vite.config.ts
@@ -1,3 +1,4 @@
+/// <reference types="vitest" />
 import { defineConfig } from 'vite';
 import tsconfigPaths from 'vite-tsconfig-paths';
 

diff --git a/nx.json b/nx.json
@@ -15,8 +15,28 @@
       "inputs": ["production", "^production"]
     },
     "dev": {
-      "dependsOn": ["^build", "dev"],
-      "cache": false
+      "cache": false,
+      "dependsOn": ["typecheck", "test", "lint", "^build", "dev"],
+      "executor": "@nx/vite:dev-server",
+      "options": {
+        "buildTarget": "{projectName}:build:development",
+        "hmr": true
+      }
+    },
+    "serve": {
+      "executor": "@nx/vite:dev-server",
+      "options": {
+        "buildTarget": "{projectName}:build:production",
+        "hmr": false
+      }
+    },
+    "preview": {
+      "cache": false,
+      "executor": "@nx/vite:preview-server",
+      "options": {
+        "buildTarget": "{projectName}:build:production"
+      },
+      "dependsOn": ["typecheck", "test", "lint", "^build"]
     },
     "test": {
       "cache": true,
@@ -51,6 +71,25 @@
         "command": "tsc --noEmit -p {projectRoot}/tsconfig.json"
       }
     },
+    "@nx/vite:build": {
+      "outputs": ["{options.outputPath}"],
+      "options": {
+        "outputPath": "dist/{projectRoot}",
+        "configFile": "{projectRoot}/vite.config.ts",
+        "skipTypeCheck": true
+      },
+      "defaultConfiguration": "production",
+      "configurations": {
+        "development": {
+          "mode": "development"
+        },
+        "production": {
+          "mode": "production"
+        }
+      },
+      "cache": true,
+      "inputs": ["default", "^production"]
+    },
     "@nx/vite:test": {
       "cache": true,
       "inputs": ["default", "^production"]

diff --git a/package.json b/package.json
@@ -64,6 +64,7 @@
     "eslint": "8.55.0",
     "eslint-kit": "10.6.0",
     "is-ci": "3.0.1",
+    "jsdom": "~22.1.0",
     "lefthook": "1.5.5",
     "nx": "17.1.3",
     "postcss": "8.4.32",