1- const path = require ( "path" ) ;
21
3- // module.exports = {
4- // module: {
5- // rules: [
6- // {
7- // test: /.(scss|sass)$/,
8- // loaders: ["style-loader", "css-loader", "sass-loader"],
9- // include: path.resolve(__dirname, "../")
10- // }
11- // ]
12- // }
13- // }
14-
15- // 保留storybook原有默认配置 + 扩展配置
16- module . exports = function ( baseConfig , env , defaultConfig ) {
17- defaultConfig . module . rules . push ( {
18- test : / \. s t o r i e s \. j s $ / ,
19- loaders : [ require . resolve ( '@storybook/addon-storysource/loader' ) ] ,
20- enforce : 'pre' ,
2+ const path = require ( 'path' ) ;
3+ module . exports = async ( { config, mode } ) => {
4+ config . module . rules . push ( {
5+ test : / \. ( t s | t s x ) $ / ,
6+ loader : require . resolve ( 'babel-loader' ) ,
7+ options : {
8+ presets : [ [ 'react-app' , { flow : false , typescript : true } ] ] ,
9+ plugins : [
10+ [ 'import' , { libraryName : "antd" , style : true } ]
11+ ]
12+ }
13+ } , {
14+ test : / \. s t o r i e s \. ( t s | t s x ) $ / ,
15+ loaders : [ require . resolve ( '@storybook/addon-storysource/loader' ) ] ,
16+ enforce : 'pre' ,
17+ } , {
18+ test : / \. s c s s $ / ,
19+ use : [ 'style-loader' , 'css-loader' , 'sass-loader' ] ,
20+ include : path . resolve ( __dirname , '../' ) ,
2121 } , {
22- test : / .( s c s s | s a s s ) $ / ,
23- loaders : [ "style-loader" , "css-loader" , "sass-loader" ] ,
24- include : path . resolve ( __dirname , "../" )
22+ test : / \. l e s s $ / ,
23+ use : [ 'style-loader' , 'css-loader' , {
24+ loader : "less-loader" ,
25+ options : {
26+ javascriptEnabled : true
27+ }
28+ } ] ,
29+ include : [ / [ \\ / ] n o d e _ m o d u l e s [ \\ / ] .* a n t d / ] ,
30+ } , {
31+ test : / \. ( j p g | p n g | g i f ) $ / ,
32+ loader : [ "file-loader" , "url-loader?limit=100000" ]
33+ } , {
34+ test : / \. ( e o t | w o f f | s v g | t t f | w o f f 2 | g i f | a p p c a c h e | w e b p ) ( \? | $ ) / ,
35+ loader : [
36+ "file-loader?name=[name].[ext]" ,
37+ "url-loader?limit=100000"
38+ ]
2539 } ) ;
26-
27- return defaultConfig ;
40+ config . resolve . extensions . push ( ".ts" , ".tsx" , ".js" , ".jsx" , ".scss" , ".css" ) ;
41+ // Return the altered config
42+ return config ;
2843} ;
0 commit comments