maint(webpack): Use automatic publicPath determination instead of manually setting it.

Author: thet

src/public_path.js

@@ -1,13 +1,6 @@
+// BBB: Replaced by: ``output.publicPath = "auto"``
+// NOTE: This file will be removed in an upcoming release.
 // NOTE: Import this file before any other files
 // Overwrite path to load resources or use default one.
-__webpack_public_path__ = window.__patternslib_public_path__; // eslint-disable-line no-undef
-// eslint-disable-next-line no-undef
-if (!__webpack_public_path__) {
-    // Get chunks path from current script.
-    let src = document.currentScript?.src;
-    if (src) {
-        src = src.split("/");
-        src.pop();
-        __webpack_public_path__ = src.join("/") + "/"; // eslint-disable-line no-undef
-    }
-}
+__webpack_public_path__ = // eslint-disable-line no-undef
+    window.__patternslib_public_path__ || document.currentScript.src + "/../";

webpack/webpack.config.js

@@ -38,9 +38,7 @@ module.exports = (env, argv, config, babel_include = []) => {
             chunkFilename: "chunks/[name].[contenthash].min.js",
             path: path.resolve(__dirname, "../dist/"),
             clean: true, // Clean directory before compiling
-            // publicPath set in bundle entry points via __webpack_public_path__
-            // See: https://webpack.js.org/guides/public-path/
-            // publicPath: "/dist/",
+            publicPath: "auto",
         },
         optimization: {},
         module: {
@@ -137,8 +135,6 @@ module.exports = (env, argv, config, babel_include = []) => {
                 "Access-Control-Allow-Origin": "*",
             },
         };
-        // Output public path for dev-server
-        config.output.publicPath = "/dist/";
         config.optimization.minimize = false;
         config.devtool = "source-map"; // Slowest option. False for no source maps.
         config.watchOptions = {