mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-07 07:21:17 +08:00
33 lines
1.0 KiB
Markdown
33 lines
1.0 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)'],
|
|
previewHead: (head) => `
|
|
${head}
|
|
${
|
|
process.env.ANALYTICS_ID ? '<script src="https://cdn.example.com/analytics.js"></script>' : ''
|
|
}
|
|
`,
|
|
};
|
|
```
|
|
|
|
```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)'],
|
|
previewHead: (head) => `
|
|
${head}
|
|
${
|
|
process.env.ANALYTICS_ID ? '<script src="https://cdn.example.com/analytics.js"></script>' : ''
|
|
}
|
|
`,
|
|
};
|
|
|
|
export default config;
|
|
```
|
|
|