Split up monaco's language chunks (#12401)
This should speed up monaco's loading time by splitting the current 3.71MB chunk monaco.js into 63 individual files named 1 to 63.js in the output directory. There seems to be no way to get a better file naming scheme unfortunately. I opted to exclude those files in the webpack output for brevity.
This commit is contained in:
		
							parent
							
								
									7b260acd7b
								
							
						
					
					
						commit
						4d9f59a45d
					
				
					 1 changed files with 5 additions and 8 deletions
				
			
		|  | @ -97,14 +97,6 @@ module.exports = { | ||||||
|     splitChunks: { |     splitChunks: { | ||||||
|       chunks: 'async', |       chunks: 'async', | ||||||
|       name: (_, chunks) => chunks.map((item) => item.name).join('-'), |       name: (_, chunks) => chunks.map((item) => item.name).join('-'), | ||||||
|       cacheGroups: { |  | ||||||
|         // this bundles all monaco's languages into one file instead of emitting 1-65.js files
 |  | ||||||
|         monaco: { |  | ||||||
|           test: /monaco-editor/, |  | ||||||
|           name: 'monaco', |  | ||||||
|           chunks: 'async', |  | ||||||
|         }, |  | ||||||
|       }, |  | ||||||
|     }, |     }, | ||||||
|   }, |   }, | ||||||
|   module: { |   module: { | ||||||
|  | @ -325,5 +317,10 @@ module.exports = { | ||||||
|   }, |   }, | ||||||
|   stats: { |   stats: { | ||||||
|     children: false, |     children: false, | ||||||
|  |     excludeAssets: [ | ||||||
|  |       // exclude monaco's language chunks in stats output for brevity
 | ||||||
|  |       // https://github.com/microsoft/monaco-editor-webpack-plugin/issues/113
 | ||||||
|  |       /^js\/[0-9]+\.js$/, | ||||||
|  |     ], | ||||||
|   }, |   }, | ||||||
| }; | }; | ||||||
|  |  | ||||||
		Loading…
	
		Reference in a new issue