mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-08 03:11:49 +08:00
69 lines
2.2 KiB
Markdown
69 lines
2.2 KiB
Markdown
```js filename=".storybook/main.js" renderer="common" language="js"
|
|
export default {
|
|
// Replace your-framework with the framework you are using (e.g., react-webpack5, vue3-vite)
|
|
framework: '@storybook/your-framework',
|
|
stories: [
|
|
'../src/**/*.mdx',
|
|
'../src/**/*.stories.@(js|jsx|mjs|ts|tsx)',
|
|
// 👇 Make sure files to index are included in `stories`
|
|
'../src/**/*.custom-stories.@(js|jsx|ts|tsx)',
|
|
],
|
|
experimental_indexers: async (existingIndexers) => {
|
|
const customIndexer = {
|
|
test: /\.custom-stories\.[tj]sx?$/,
|
|
createIndex: // See API and examples below...
|
|
};
|
|
return [...existingIndexers, customIndexer];
|
|
},
|
|
};
|
|
```
|
|
|
|
```ts filename=".storybook/main.ts" renderer="common" language="ts-4-9"
|
|
// Replace your-framework with the framework you are using (e.g., react-webpack5, vue3-vite)
|
|
import type { StorybookConfig } from '@storybook/your-framework';
|
|
|
|
const config: StorybookConfig = {
|
|
framework: '@storybook/your-framework',
|
|
stories: [
|
|
'../src/**/*.mdx',
|
|
'../src/**/*.stories.@(js|jsx|mjs|ts|tsx)',
|
|
// 👇 Make sure files to index are included in `stories`
|
|
'../src/**/*.custom-stories.@(js|jsx|ts|tsx)',
|
|
],
|
|
experimental_indexers: async (existingIndexers) => {
|
|
const customIndexer = {
|
|
test: /\.custom-stories\.[tj]sx?$/,
|
|
createIndex: // See API and examples below...
|
|
};
|
|
return [...existingIndexers, customIndexer];
|
|
},
|
|
};
|
|
|
|
export default config
|
|
```
|
|
|
|
```ts filename=".storybook/main.ts" renderer="common" language="ts"
|
|
// Replace your-framework with the framework you are using (e.g., react-webpack5, vue3-vite)
|
|
import type { StorybookConfig } from '@storybook/your-framework';
|
|
|
|
const config: StorybookConfig = {
|
|
framework: '@storybook/your-framework',
|
|
stories: [
|
|
'../src/**/*.mdx',
|
|
'../src/**/*.stories.@(js|jsx|mjs|ts|tsx)',
|
|
// 👇 Make sure files to index are included in `stories`
|
|
'../src/**/*.custom-stories.@(js|jsx|ts|tsx)',
|
|
],
|
|
experimental_indexers: async (existingIndexers) => {
|
|
const customIndexer = {
|
|
test: /\.custom-stories\.[tj]sx?$/,
|
|
createIndex: // See API and examples below...
|
|
};
|
|
return [...existingIndexers, customIndexer];
|
|
},
|
|
};
|
|
|
|
export default config
|
|
```
|
|
|