/
main.js
77 lines (77 loc) · 2.48 KB
/
main.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
module.exports = {
stories: [
// FIXME: Breaks e2e tests './intro.stories.mdx',
'../../lib/ui/src/**/*.stories.(js|tsx|mdx)',
'../../lib/components/src/**/*.stories.(js|tsx|mdx)',
'./stories/**/*.stories.(js|tsx|mdx)',
],
addons: [
'@storybook/addon-docs',
'@storybook/addon-storysource',
'@storybook/addon-design-assets',
'@storybook/addon-actions',
'@storybook/addon-links',
'@storybook/addon-events',
'@storybook/addon-notes',
'@storybook/addon-options',
'@storybook/addon-knobs',
'@storybook/addon-cssresources',
'@storybook/addon-backgrounds',
'@storybook/addon-a11y',
'@storybook/addon-jest',
'@storybook/addon-viewport',
'@storybook/addon-graphql',
'@storybook/addon-contexts',
],
webpackFinal: 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'],
},
}),
};