mirror of
https://github.com/storybookjs/storybook.git
synced 2025-03-19 05:02:40 +08:00
82 lines
2.9 KiB
JavaScript
82 lines
2.9 KiB
JavaScript
module.exports = {
|
|
presets: ['@storybook/addon-docs/react/preset'],
|
|
// TODO: would be nice if this could be just an array
|
|
stories: existing => [
|
|
...existing,
|
|
{ path: '../../lib/ui/src', recursive: true, match: /\.stories\.(js|tsx?|mdx)$/ },
|
|
{ path: '../../lib/components/src', recursive: true, match: /\.stories\.(js|tsx?|mdx)$/ },
|
|
{ path: './stories', recursive: true, match: /\.stories\.(js|tsx?|mdx)$/ },
|
|
],
|
|
// TODO: would be nice if this could be just an array
|
|
addons: existing => [
|
|
...existing,
|
|
'@storybook/addon-storysource/register',
|
|
'@storybook/addon-design-assets/register',
|
|
'@storybook/addon-docs/register',
|
|
'@storybook/addon-actions/register',
|
|
'@storybook/addon-links/register',
|
|
'@storybook/addon-events/register',
|
|
'@storybook/addon-notes/register',
|
|
'@storybook/addon-options/register',
|
|
'@storybook/addon-knobs/register',
|
|
'@storybook/addon-cssresources/register',
|
|
'@storybook/addon-backgrounds/register',
|
|
'@storybook/addon-a11y/register',
|
|
'@storybook/addon-jest/register',
|
|
'@storybook/addon-viewport/register',
|
|
'@storybook/addon-graphql/register',
|
|
'@storybook/addon-contexts/register',
|
|
],
|
|
webpack: async (config, { configType }) => ({
|
|
...config,
|
|
module: {
|
|
...config.module,
|
|
rules: [
|
|
...config.module.rules.slice(1),
|
|
{
|
|
test: /\.(mjs|jsx?|tsx?)$/,
|
|
use: [
|
|
{
|
|
loader: 'babel-loader',
|
|
options: {
|
|
cacheDirectory: `.cache/storybook`,
|
|
presets: [
|
|
[
|
|
'@babel/preset-env',
|
|
{ shippedProposals: true, useBuiltIns: 'usage', corejs: 3 },
|
|
],
|
|
'@babel/preset-typescript',
|
|
configType === 'PRODUCTION' && [
|
|
'babel-preset-minify',
|
|
{ builtIns: false, mangle: false },
|
|
],
|
|
'@babel/preset-react',
|
|
'@babel/preset-flow',
|
|
].filter(Boolean),
|
|
plugins: [
|
|
'@babel/plugin-proposal-object-rest-spread',
|
|
'@babel/plugin-proposal-class-properties',
|
|
'@babel/plugin-syntax-dynamic-import',
|
|
['babel-plugin-emotion', { sourceMap: true, autoLabel: true }],
|
|
'babel-plugin-macros',
|
|
'@babel/plugin-transform-react-constant-elements',
|
|
'babel-plugin-add-react-displayname',
|
|
[
|
|
'babel-plugin-react-docgen',
|
|
{ DOC_GEN_COLLECTION_NAME: 'STORYBOOK_REACT_CLASSES' },
|
|
],
|
|
],
|
|
},
|
|
},
|
|
],
|
|
exclude: [/node_modules/, /dist/],
|
|
},
|
|
],
|
|
},
|
|
resolve: {
|
|
...config.resolve,
|
|
extensions: [...(config.resolve.extensions || []), '.ts', '.tsx'],
|
|
},
|
|
}),
|
|
};
|