1
+ import type { StorybookConfig } from '@storybook/angular' ;
1
2
import MonacoEditorWebpackPlugin from 'monaco-editor-webpack-plugin' ;
2
3
import { Configuration } from 'webpack' ;
3
4
4
5
const isDev = process . env . NODE_ENV === 'development' ;
5
6
6
- export default {
7
- stories : [ '../stories/**/*.stories.ts' ] ,
8
- core : {
9
- builder : 'webpack5' ,
10
- } ,
7
+ const config : StorybookConfig = {
8
+ stories : [ '../stories/**/*.stories.@(js|jsx|ts|tsx)' ] ,
11
9
addons : [
12
- '@storybook/addon-actions ' ,
13
- '@storybook/addon-knobs ' ,
14
- '@storybook/addon-postcss ' ,
10
+ '@storybook/addon-links ' ,
11
+ '@storybook/addon-essentials ' ,
12
+ '@storybook/addon-interactions ' ,
15
13
] ,
16
- staticDirs : [ `../node_modules/monaco-editor/${ isDev ?'dev' :'min' } ` ] ,
14
+ framework : {
15
+ name : '@storybook/angular' ,
16
+ options : { } ,
17
+ } ,
18
+ staticDirs : [ `../node_modules/monaco-editor/${ isDev ? 'dev' : 'min' } ` ] ,
17
19
webpackFinal ( config : Configuration ) {
20
+ config . module ! . rules ! . push ( {
21
+ test : / n o d e _ m o d u l e s [ / \\ ] m o n a c o - e d i t o r [ / \\ ] e s m [ / \\ ] .+ \. c s s $ / i,
22
+ use : [
23
+ 'style-loader' ,
24
+ 'css-loader' ,
25
+ ] ,
26
+ } ) ;
27
+
18
28
config . plugins ! . push (
19
29
new MonacoEditorWebpackPlugin ( {
20
30
languages : [ 'yaml' ] ,
@@ -31,6 +41,9 @@ export default {
31
41
] ,
32
42
} ) ,
33
43
) ;
44
+
34
45
return config ;
35
46
} ,
36
47
} ;
48
+
49
+ export default config ;
0 commit comments