@@ -7,6 +7,7 @@ import scopePluginOptions from '@kkt/scope-plugin-options';
77import pkg from './package.json' ;
88
99export default ( conf : Configuration , env : 'production' | 'development' , options : LoaderConfOptions ) => {
10+ conf . module ! . exprContextCritical = false ;
1011 conf = rawModules ( conf , env , { ...options } ) ;
1112 conf = lessModules ( conf , env , options ) ;
1213 conf = scopePluginOptions ( conf , env , {
@@ -21,79 +22,91 @@ export default (conf: Configuration, env: 'production' | 'development', options:
2122 VERSION : JSON . stringify ( pkg . version ) ,
2223 } ) ) ;
2324
24- conf . module ! . exprContextCritical = false ;
25-
26- conf . optimization = {
27- ...conf . optimization ,
28- splitChunks : {
29- chunks : 'all' , // async对异步引入的代码分割 initial 对同步引入代码分割 all对同步异步引入的分割都开启
30- minSize : 30000 , // 字节 引入的文件大于30kb才进行分割
31- maxSize : 0 , // 文件的最大尺寸，优先级：maxInitialRequest/maxAsyncRequests < maxSize < minSize，需要注意的是这个如果配置了，umi.js 就可能被拆开，最后构建出来的 chunkMap 中可能就找不到 umi.js 了
32- minChunks : 1 , // 模块至少使用次数
33- maxAsyncRequests : 30 , // 同时加载的模块数量最多是_个，只分割出同时引入的前_个文件（按需加载模块）
34- maxInitialRequests : 25 , // 首页加载的时候引入的文件最多 _ 个（加载初始页面）
35- automaticNameDelimiter : '~' , // 缓存组和生成文件名称之间的连接符
36- name : true , // 缓存组里面的 filename 生效，覆盖默认命名
37- cacheGroups : {
38- markdown_preview : {
39- name : 'vendors-markdown-preview' ,
40- chunks : 'all' ,
41- test : / [ \\ / ] n o d e _ m o d u l e s [ \\ / ] ( @ u i w \/ r e a c t - m a r k d o w n - p r e v i e w ) [ \\ / ] / ,
42- priority : - 2 ,
43- } ,
44- codemirror : {
45- name : 'vendors-codemirror' ,
46- chunks : 'all' ,
47- test : / [ \\ / ] n o d e _ m o d u l e s [ \\ / ] ( @ c o d e m i r r o r ) [ \\ / ] / ,
48- priority : - 2 ,
49- } ,
50- refractor : {
51- name : 'vendors-refractor' ,
52- chunks : 'all' ,
53- test : / [ \\ / ] n o d e _ m o d u l e s [ \\ / ] ( r e f r a c t o r ) [ \\ / ] / ,
54- priority : - 2 ,
55- } ,
56- uiwjs : {
57- name : 'vendors-uiwjs' ,
58- chunks : 'all' ,
59- test : / [ \\ / ] n o d e _ m o d u l e s [ \\ / ] @ u i w \/ ( c o p y - t o - c l i p b o a r d | f o r m a t t e r | i c o n s | r e a c t - a f f i x | r e a c t - a l e r t | r e a c t - a v a t a r | r e a c t - b a c k - t o p | r e a c t - b a d g e | r e a c t - b r e a d c r u m b | r e a c t - b u t t o n | r e a c t - b u t t o n - g r o u p | r e a c t - c a l e n d a r | r e a c t - c a r d | r e a c t - c h e c k b o x | r e a c t - c o d e m i r r o r | r e a c t - c o l l a p s e | r e a c t - c o p y - t o - c l i p b o a r d | r e a c t - d a t e - i n p u t | r e a c t - d a t e - p i c k e r | r e a c t - d e s c r i p t i o n s | r e a c t - d i v i d e r | r e a c t - d r a w e r | r e a c t - d r o p d o w n | r e a c t - f i l e - i n p u t | r e a c t - f o r m | r e a c t - g i t h u b - c o r n e r s | r e a c t - g r i d | r e a c t - i c o n | r e a c t - i n p u t | r e a c t - l a y o u t | r e a c t - l i s t | r e a c t - l o a d e r | r e a c t - m e n u | r e a c t - m e s s a g e | r e a c t - m o d a l | r e a c t - m o n t h - p i c k e r | r e a c t - n o t i f y | r e a c t - o v e r l a y | r e a c t - o v e r l a y - t r i g g e r | r e a c t - p a g i n a t i o n | r e a c t - p i n - c o d e | r e a c t - p o p o v e r | r e a c t - p o r t a l | r e a c t - p r o g r e s s | r e a c t - r a d i o | r e a c t - r a t e | r e a c t - s e a r c h - s e l e c t | r e a c t - s e l e c t | r e a c t - s l i d e r | r e a c t - s p l i t | r e a c t - s t e p s | r e a c t - s w i t c h | r e a c t - t a b l e | r e a c t - t a b s | r e a c t - t a g | r e a c t - t e x t a r e a | r e a c t - t i m e - p i c k e r | r e a c t - t o o l t i p | r e a c t - t r e e | r e a c t - t r e e - c h e c k e d | r e s e t .c s s | u t i l s ) [ \\ / ] / ,
60- priority : - 4 , // 优先级，先打包到哪个组里面，值越大，优先级越高
61- } ,
62- react : {
63- name : 'vendors-react' ,
64- chunks : 'all' ,
65- test : / [ \\ / ] n o d e _ m o d u l e s [ \\ / ] ( r e a c t | r e a c t - d o m ) [ \\ / ] / ,
66- priority : - 5 ,
67- } ,
68- babel_standalone : {
69- name : 'vendors-standalone' ,
70- chunks : 'all' ,
71- test : / [ \\ / ] n o d e _ m o d u l e s [ \\ / ] ( @ b a b e l \/ s t a n d a l o n e ) [ \\ / ] / ,
72- priority : - 2 ,
73- } ,
74- babel_vendors : {
75- name : 'babel_vendors' ,
76- chunks : 'all' ,
77- test : / [ \\ / ] n o d e _ m o d u l e s [ \\ / ] ( @ b a b e l ) [ \\ / ] / ,
78- priority : - 5 ,
79- } ,
80- prismjs : {
81- test : / [ \\ / ] n o d e _ m o d u l e s [ \\ / ] ( p r i s m j s ) [ \\ / ] / ,
82- name : 'prismjs-vendor' ,
83- chunks : 'async' ,
84- } ,
85- babel_runtime : {
86- name : 'vendors-runtime' ,
87- chunks : 'all' ,
88- test : / [ \\ / ] n o d e _ m o d u l e s [ \\ / ] ( @ b a b e l \/ r u n t i m e | @ b a b e l \/ p l u g i n - t r a n s f o r m - c l a s s e s | b a b e l - p l u g i n - t r a n s f o r m - r e m o v e - i m p o r t s ) [ \\ / ] / ,
89- priority : - 5 ,
90- } ,
91- }
25+ /**
26+ * https://github.com/kktjs/kkt/issues/198#issuecomment-1003244164
27+ */
28+ if ( conf . module && conf . module . rules && conf . module . rules [ 0 ] ) {
29+ const rules = conf . module . rules [ 0 ] ;
30+ if ( typeof rules === 'object' && typeof rules . loader === 'string' && / s o u r c e - m a p - l o a d e r / . test ( rules . loader ) ) {
31+ ; ( conf . module . rules [ 0 ] as any ) . exclude = / ( ( @ b a b e l (?: \/ | \\ { 1 , 2 } ) r u n t i m e ) | c o d e s a n d b o x - i m p o r t - u t i l s ) / ;
9232 }
9333 }
94-
34+
9535 if ( env === 'production' ) {
36+ conf . optimization = {
37+ ...conf . optimization ,
38+ splitChunks : {
39+ chunks : 'all' , // async对异步引入的代码分割 initial 对同步引入代码分割 all对同步异步引入的分割都开启
40+ minSize : 30000 , // 字节 引入的文件大于30kb才进行分割
41+ // maxSize: 0, // 文件的最大尺寸，优先级：maxInitialRequest/maxAsyncRequests < maxSize < minSize，需要注意的是这个如果配置了，umi.js 就可能被拆开，最后构建出来的 chunkMap 中可能就找不到 umi.js 了
42+ minChunks : 1 , // 模块至少使用次数
43+ maxAsyncRequests : 30 , // 同时加载的模块数量最多是_个，只分割出同时引入的前_个文件（按需加载模块）
44+ maxInitialRequests : 25 , // 首页加载的时候引入的文件最多 _ 个（加载初始页面）
45+ automaticNameDelimiter : '~' , // 缓存组和生成文件名称之间的连接符
46+ cacheGroups : {
47+ markdown_preview : {
48+ name : 'vendors-markdown-preview' ,
49+ chunks : 'all' ,
50+ test : / [ \\ / ] n o d e _ m o d u l e s [ \\ / ] ( @ u i w \/ r e a c t - m a r k d o w n - p r e v i e w ) [ \\ / ] / ,
51+ priority : - 2 ,
52+ } ,
53+ codemirror : {
54+ name : 'vendors-codemirror' ,
55+ chunks : 'all' ,
56+ test : / [ \\ / ] n o d e _ m o d u l e s [ \\ / ] ( @ c o d e m i r r o r ) [ \\ / ] / ,
57+ priority : - 2 ,
58+ } ,
59+ refractor : {
60+ name : 'vendors-refractor' ,
61+ chunks : 'all' ,
62+ test : / [ \\ / ] n o d e _ m o d u l e s [ \\ / ] ( r e f r a c t o r ) [ \\ / ] / ,
63+ priority : - 2 ,
64+ } ,
65+ uiwjs : {
66+ name : 'vendors-uiwjs' ,
67+ chunks : 'all' ,
68+ test : / [ \\ / ] n o d e _ m o d u l e s [ \\ / ] @ u i w \/ ( c o p y - t o - c l i p b o a r d | f o r m a t t e r | i c o n s | r e a c t - a f f i x | r e a c t - a l e r t | r e a c t - a v a t a r | r e a c t - b a c k - t o p | r e a c t - b a d g e | r e a c t - b r e a d c r u m b | r e a c t - b u t t o n | r e a c t - b u t t o n - g r o u p | r e a c t - c a l e n d a r | r e a c t - c a r d | r e a c t - c h e c k b o x | r e a c t - c o d e m i r r o r | r e a c t - c o l l a p s e | r e a c t - c o p y - t o - c l i p b o a r d | r e a c t - d a t e - i n p u t | r e a c t - d a t e - p i c k e r | r e a c t - d e s c r i p t i o n s | r e a c t - d i v i d e r | r e a c t - d r a w e r | r e a c t - d r o p d o w n | r e a c t - f i l e - i n p u t | r e a c t - f o r m | r e a c t - g i t h u b - c o r n e r s | r e a c t - g r i d | r e a c t - i c o n | r e a c t - i n p u t | r e a c t - l a y o u t | r e a c t - l i s t | r e a c t - l o a d e r | r e a c t - m e n u | r e a c t - m e s s a g e | r e a c t - m o d a l | r e a c t - m o n t h - p i c k e r | r e a c t - n o t i f y | r e a c t - o v e r l a y | r e a c t - o v e r l a y - t r i g g e r | r e a c t - p a g i n a t i o n | r e a c t - p i n - c o d e | r e a c t - p o p o v e r | r e a c t - p o r t a l | r e a c t - p r o g r e s s | r e a c t - r a d i o | r e a c t - r a t e | r e a c t - s e a r c h - s e l e c t | r e a c t - s e l e c t | r e a c t - s l i d e r | r e a c t - s p l i t | r e a c t - s t e p s | r e a c t - s w i t c h | r e a c t - t a b l e | r e a c t - t a b s | r e a c t - t a g | r e a c t - t e x t a r e a | r e a c t - t i m e - p i c k e r | r e a c t - t o o l t i p | r e a c t - t r e e | r e a c t - t r e e - c h e c k e d | r e s e t .c s s | u t i l s ) [ \\ / ] / ,
69+ priority : - 4 , // 优先级，先打包到哪个组里面，值越大，优先级越高
70+ } ,
71+ react : {
72+ name : 'vendors-react' ,
73+ chunks : 'all' ,
74+ test : / [ \\ / ] n o d e _ m o d u l e s [ \\ / ] ( r e a c t | r e a c t - d o m ) [ \\ / ] / ,
75+ priority : - 5 ,
76+ } ,
77+ babel_standalone : {
78+ name : 'vendors-standalone' ,
79+ chunks : 'all' ,
80+ test : / [ \\ / ] n o d e _ m o d u l e s [ \\ / ] ( @ b a b e l \/ s t a n d a l o n e ) [ \\ / ] / ,
81+ priority : - 2 ,
82+ } ,
83+ babel_vendors : {
84+ name : 'babel_vendors' ,
85+ chunks : 'all' ,
86+ test : / [ \\ / ] n o d e _ m o d u l e s [ \\ / ] ( @ b a b e l ) [ \\ / ] / ,
87+ priority : - 5 ,
88+ } ,
89+ prismjs : {
90+ test : / [ \\ / ] n o d e _ m o d u l e s [ \\ / ] ( p r i s m j s ) [ \\ / ] / ,
91+ name : 'prismjs-vendor' ,
92+ chunks : 'all' ,
93+ } ,
94+ reactmarkdownpreview : {
95+ test : / [ \\ / ] ( r e a c t - m a r k d o w n - p r e v i e w ) [ \\ / ] / ,
96+ name : 'markdown-preview-vendor' ,
97+ chunks : 'all' ,
98+ } ,
99+ babel_runtime : {
100+ name : 'vendors-runtime' ,
101+ chunks : 'all' ,
102+ test : / [ \\ / ] n o d e _ m o d u l e s [ \\ / ] ( @ b a b e l \/ r u n t i m e | @ b a b e l \/ p l u g i n - t r a n s f o r m - c l a s s e s | b a b e l - p l u g i n - t r a n s f o r m - r e m o v e - i m p o r t s ) [ \\ / ] / ,
103+ priority : - 5 ,
104+ } ,
105+ }
106+ }
107+ }
96108 conf . output = { ...conf . output , publicPath : './' } ;
97109 }
110+
98111 return conf ;
99112}
0 commit comments