Split node_modules to separate bundles

2022-09-06 01:45:59 -04:00 · 2022-09-06 01:45:59 -04:00 · e4a2d7513b
commit e4a2d7513b
parent 413c6f537a
3 changed files with 21 additions and 3 deletions
--- a/webpack.common.js
+++ b/webpack.common.js
@ -81,11 +81,29 @@ module.exports = {
        })
    ],
    output: {
-        filename: '[name].jellyfin.bundle.js',
+        filename: '[name].bundle.js',
        chunkFilename: '[name].[contenthash].chunk.js',
        path: path.resolve(__dirname, 'dist'),
        publicPath: ''
    },
+    optimization: {
+        runtimeChunk: 'single',
+        splitChunks: {
+            chunks: 'all',
+            maxInitialRequests: Infinity,
+            cacheGroups: {
+                vendor: {
+                    test: /[\\/]node_modules[\\/]/,
+                    name(module) {
+                        // get the name. E.g. node_modules/packageName/not/this/part.js
+                        // or node_modules/packageName
+                        const packageName = module.context.match(/[\\/]node_modules[\\/](.*?)([\\/]|$)/)[1];
+                        return `node_modules.${packageName}`;
+                    }
+                }
+            }
+        }
+    },
    module: {
        rules: [
            {