Disable initial chunks split

theninthsky · Nov 8, 2022 · 5d23748 · 5d23748
1 parent 52f3fd4
commit 5d23748
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 6 deletions.
diff --git a/public/index.js b/public/index.js
@@ -1,4 +1,4 @@
-module.exports = (mainScripts, pages) => `
+module.exports = (initialScripts, pages) => `
   <!DOCTYPE html>
   <html lang="en">
     <head>
@@ -69,7 +69,7 @@ module.exports = (mainScripts, pages) => `
         }
       </script>
 
-      ${mainScripts.map(({ name, source }) => `<script id="${name}" type="module">${source}</script>`).join('\n')}
+      ${initialScripts.map(({ name, source }) => `<script id="${name}" type="module">${source}</script>`).join('\n')}
     </head>
     <body>
       <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/public/serve.json b/public/serve.json
@@ -0,0 +1,5 @@
+{
+  "rewrites": [
+    { "source": "/*", "destination": "/index.html" }
+  ]
+}
diff --git a/webpack.config.js b/webpack.config.js
@@ -70,12 +70,11 @@ module.exports = (_, { mode }) => {
     optimization: {
       runtimeChunk: 'single',
       splitChunks: {
-        chunks: 'initial',
+        chunks: 'async',
         minSize: 40000,
         cacheGroups: {
           vendor: {
             test: /[\\/]node_modules[\\/]/,
-            chunks: 'all',
             name: (module, chunks) => {
               const allChunksNames = chunks.map(({ name }) => name).join('.')
               const moduleName = (module.context.match(/[\\/]node_modules[\\/](.*?)([\\/]|$)/) || [])[1]
@@ -94,7 +93,7 @@ module.exports = (_, { mode }) => {
         inject: false,
         templateContent: ({ htmlWebpackPlugin, compilation }) => {
           const assets = compilation.getAssets()
-          const mainScripts = htmlWebpackPlugin.files.js
+          const initialScripts = htmlWebpackPlugin.files.js
             .map(script => assets.find(({ name }) => decodeURIComponent(script).slice(1) === name))
             .map(({ name, source }) => ({ name, source: source._children[0]._value }))
 
@@ -108,7 +107,7 @@ module.exports = (_, { mode }) => {
             return { path, scripts, data }
           })
 
-          return htmlTemplate(mainScripts, pages)
+          return htmlTemplate(initialScripts, pages)
         }
       }),
       new CopyPlugin({