64 lines
1.6 KiB
TypeScript
64 lines
1.6 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)'],
|
||
|
|
staticDirs: ['../public'],
|
||
|
|
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')],
|
||
|
|
},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
],
|
||
|
|
},
|
||
|
|
{
|
||
|
|
test: /\.less$/,
|
||
|
|
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;
|