You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
53 lines
1.4 KiB
53 lines
1.4 KiB
module.exports = { |
|
core: { |
|
builder: 'webpack5', |
|
}, |
|
features: { |
|
previewMdx2: true, |
|
}, |
|
stories: [ |
|
'../.storybook/stories-category-doc-pages/**/*.stories.mdx', |
|
'../stories/**/*.stories.@(js|jsx|ts|tsx)', |
|
'../components/**/*.stories.@(js|jsx|ts|tsx)', |
|
'../pages/**/*.stories.@(js|jsx|ts|tsx)', |
|
], |
|
addons: [ |
|
'@storybook/addon-links', |
|
'@storybook/addon-essentials', |
|
'@storybook/addon-interactions', |
|
'@storybook/preset-scss', |
|
'@storybook/addon-postcss', |
|
'@storybook/addon-a11y', |
|
'storybook-addon-designs', |
|
'storybook-dark-mode', |
|
'addon-screen-reader', |
|
'storybook-addon-fetch-mock', |
|
], |
|
webpackFinal: async (config, { configType }) => { |
|
// @see https://github.com/storybookjs/storybook/issues/9070 |
|
const fileLoaderRule = config.module.rules.find(rule => rule.test && rule.test.test('.svg')); |
|
fileLoaderRule.exclude = /\.svg$/; |
|
|
|
// https://www.npmjs.com/package/@svgr/webpack |
|
config.module.rules.push({ |
|
test: /\.svg$/, |
|
use: ['@svgr/webpack'], |
|
}); |
|
|
|
config.module.rules.push({ |
|
test: /\.less$/, |
|
use: [ |
|
require.resolve('style-loader'), |
|
require.resolve('css-loader'), |
|
{ |
|
loader: require.resolve('less-loader'), |
|
options: { |
|
lessOptions: { javascriptEnabled: true }, |
|
}, |
|
}, |
|
], |
|
}); |
|
return config; |
|
}, |
|
framework: '@storybook/react', |
|
};
|
|
|