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