added code splitting support for plugin bundles

scm-ui/ui-scripts/src/createPluginConfig.js

@@ -16,7 +16,7 @@ module.exports = function(mode) {
   return {
     context: root,
     entry: {
-      [name]: packageJSON.main || "src/main/js/index.js"
+      [name]: [path.resolve(__dirname, "webpack-public-path.js"), packageJSON.main || "src/main/js/index.js"]
     },
     mode,
     devtool: "source-map",
@@ -68,6 +68,7 @@ module.exports = function(mode) {
     output: {
       path: path.join(root, "target", name + "-" + packageJSON.version, "webapp", "assets"),
       filename: "[name].bundle.js",
+      chunkFilename: name + ".[name].chunk.js",
       library: name,
       libraryTarget: "amd"
     }

scm-ui/ui-scripts/src/webpack-public-path.js

@@ -0,0 +1,5 @@
+/* global __webpack_public_path__ */
+// setup webpack public path:
+// https://stackoverflow.com/questions/39879680/example-of-setting-webpack-public-path-at-runtime
+// https://github.com/coryhouse/react-slingshot/pull/207/files
+__webpack_public_path__ = window.ctxPath + "/assets/";

scm-ui/ui-scripts/src/webpack.config.js

@@ -8,7 +8,11 @@ module.exports = [
   {
     context: root,
     entry: {
-      webapp: ["./ui-webapp/src/webpack-public-path.ts", "./ui-styles/src/scm.scss", "./ui-webapp/src/index.tsx"]
+      webapp: [
+        path.resolve(__dirname, "webpack-public-path.js"),
+        "./ui-styles/src/scm.scss",
+        "./ui-webapp/src/index.tsx"
+      ]
     },
     devtool: "cheap-module-eval-source-map",
     target: "web",