build(storybook): fix storybook build issue

Teradata · May 13, 2024 · cbefdd5 · cbefdd5
1 parent c4cccaa
commit cbefdd5
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 3 deletions.
diff --git a/libs/react-components/.storybook/main.ts b/libs/react-components/.storybook/main.ts
@@ -1,4 +1,5 @@
 import type { StorybookConfig } from '@storybook/react-vite';
+import { resolve } from 'path';
 
 const config: StorybookConfig = {
   stories: ['../src/lib/**/*.stories.@(js|jsx|ts|tsx|mdx)'],
@@ -7,7 +8,7 @@ const config: StorybookConfig = {
     name: '@storybook/react-vite',
     options: {
       builder: {
-        viteConfigPath: 'libs/react-components/vite.config.ts',
+        viteConfigPath: resolve(__dirname, '../vite.config.ts'),
       },
     },
   },

diff --git a/libs/react-components/project.json b/libs/react-components/project.json
@@ -5,5 +5,19 @@
   "projectType": "library",
   "tags": [],
   "// targets": "to see all targets run: nx show project react-components --web",
-  "targets": {}
+  "targets": {
+    "build-storybook": {
+      "executor": "@nx/storybook:build",
+      "outputs": ["{options.outputDir}"],
+      "options": {
+        "outputDir": "dist/storybook/react-components",
+        "configDir": "libs/react-components/.storybook"
+      },
+      "configurations": {
+        "ci": {
+          "quiet": true
+        }
+      }
+    }
+  }
 }
diff --git a/package.json b/package.json
@@ -4,7 +4,7 @@
   "license": "MIT",
   "scripts": {
     "semantic-release": "semantic-release --branches main",
-    "build-storybook": "storybook build -c libs/react-components/.storybook -o dist/storybook/react-components"
+    "build-storybook": "nx run react-components:build-storybook"
   },
   "dependencies": {
     "react": "18.3.1",