Extract Webpack runtime to the runtime.js file

MauricioFauth · MauricioFauth · commit 4e19a88a1ed7 · 2022-07-02T14:50:52.000-03:00
This is needed since it has multiple entry points per page. https://bundlers.tooling.report/code-splitting/multi-entry/ Signed-off-by: Maurício Meneghini Fauth <mauricio@fauth.dev>
diff --git a/libraries/classes/Header.php b/libraries/classes/Header.php
@@ -127,7 +127,7 @@ public function __construct()
      */
     private function addDefaultScripts(): void
     {
-        // Localised strings
+        $this->scripts->addFile('runtime.js');
         $this->scripts->addFile('vendor/jquery/jquery.min.js');
         $this->scripts->addFile('vendor/jquery/jquery-migrate.js');
         $this->scripts->addFile('vendor/sprintf.js');
diff --git a/webpack.config.js b/webpack.config.js
@@ -94,7 +94,9 @@ module.exports = [
         output: {
             filename: '[name].js',
             path: path.resolve(__dirname, 'js/dist'),
-            iife: false,
+        },
+        optimization: {
+            runtimeChunk: 'single',
         },
         externals: {
             jquery: 'jQuery',

Original file line number	Diff line number	Diff line change
`@@ -127,7 +127,7 @@ public function __construct()`
`127`	`127`	`*/`
`128`	`128`	`private function addDefaultScripts(): void`
`129`	`129`	`{`
`130`		`- // Localised strings`
	`130`	`+ $this->scripts->addFile('runtime.js');`
`131`	`131`	`$this->scripts->addFile('vendor/jquery/jquery.min.js');`
`132`	`132`	`$this->scripts->addFile('vendor/jquery/jquery-migrate.js');`
`133`	`133`	`$this->scripts->addFile('vendor/sprintf.js');`