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:
silverwind 2020-08-02 16:06:06 +02:00 committed by GitHub
parent 7b260acd7b
commit 4d9f59a45d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -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$/,
],
}, },
}; };