mirror of
https://github.com/infiniflow/ragflow.git
synced 2025-12-08 20:42:30 +08:00
aa1251af9a
### What problem does this PR solve? Feat: Use storybook to display public components. #9914 ### Type of change - [x] New Feature (non-breaking change which adds functionality)
48 lines
1.1 KiB
TypeScript
48 lines
1.1 KiB
TypeScript
import type { StorybookConfig } from '@storybook/react-webpack5';
|
|
import path from 'path';
|
|
|
|
const config: StorybookConfig = {
|
|
stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
|
|
addons: [
|
|
'@storybook/addon-webpack5-compiler-swc',
|
|
'@storybook/addon-docs',
|
|
'@storybook/addon-onboarding',
|
|
{
|
|
name: '@storybook/addon-styling-webpack',
|
|
options: {
|
|
rules: [
|
|
{
|
|
test: /\.css$/,
|
|
use: [
|
|
'style-loader',
|
|
'css-loader',
|
|
{
|
|
loader: 'postcss-loader',
|
|
options: {
|
|
postcssOptions: {
|
|
plugins: [require('tailwindcss'), require('autoprefixer')],
|
|
},
|
|
},
|
|
},
|
|
],
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
framework: {
|
|
name: '@storybook/react-webpack5',
|
|
options: {},
|
|
},
|
|
webpackFinal: async (config) => {
|
|
if (config.resolve) {
|
|
config.resolve.alias = {
|
|
...config.resolve.alias,
|
|
'@': path.resolve(__dirname, '../src'),
|
|
};
|
|
}
|
|
return config;
|
|
},
|
|
};
|
|
export default config;
|