start implementation of ui-scripts

2025-10-29 09:36:10 +01:00 · 2019-10-14 16:00:50 +02:00
parent 00117955e7
commit cab5d6c863
14 changed files with 357 additions and 391 deletions
--- a/scm-ui/ui-scripts/src/webpack.config.js
+++ b/scm-ui/ui-scripts/src/webpack.config.js
@@ -0,0 +1,124 @@
+const path = require("path");
+const createIndexMiddleware = require("./middleware/IndexMiddleware");
+const createContextPathMiddleware = require("./middleware/ContextPathMiddleware");
+
+const root = path.resolve(process.cwd(), "scm-ui");
+
+module.exports = [
+  {
+    context: root,
+    entry: {
+      webapp: [
+        "./ui-webapp/src/webpack-public-path.js",
+        "./ui-styles/src/scm.scss",
+        "./ui-webapp/src/index.js"
+      ]
+    },
+    devtool: "cheap-module-eval-source-map",
+    target: "web",
+    node: {
+      fs: "empty",
+      net: "empty",
+      tls: "empty"
+    },
+    module: {
+      rules: [
+        {
+          parser: {
+            system: false,
+            systemjs: false
+          }
+        },
+        {
+          test: /\.(js|jsx)$/,
+          exclude: /node_modules/,
+          use: [
+            {
+              loader: "cache-loader"
+            },
+            {
+              loader: "thread-loader"
+            },
+            {
+              loader: "babel-loader",
+              options: {
+                cacheDirectory: true,
+                presets: ["@scm-manager/babel-preset"]
+              }
+            }
+          ]
+        },
+        {
+          test: /\.(css|scss|sass)$/i,
+          use: [
+            // Creates `style` nodes from JS strings
+            "style-loader",
+            // Translates CSS into CommonJS
+            "css-loader",
+            // Compiles Sass to CSS
+            "sass-loader"
+          ]
+        },
+        {
+          test: /\.(png|svg|jpg|gif|woff2?|eot|ttf)$/,
+          use: ["file-loader"]
+        }
+      ]
+    },
+    output: {
+      path: path.join(root, "target", "assets"),
+      filename: "[name].bundle.js"
+    },
+    devServer: {
+      contentBase: path.join(root, "ui-webapp", "public"),
+      compress: false,
+      historyApiFallback: true,
+      overlay: true,
+      port: 3000,
+      before: function(app) {
+        app.use(createContextPathMiddleware("/scm"));
+      },
+      after: function(app) {
+        const templatePath = path.join(
+          root,
+          "ui-webapp",
+          "public",
+          "index.mustache"
+        );
+        const renderParams = {
+          contextPath: "/scm"
+        };
+        app.use(createIndexMiddleware(templatePath, renderParams));
+      },
+      publicPath: "/assets/"
+    },
+    optimization: {
+      runtimeChunk: "single",
+      splitChunks: {
+        chunks: "all",
+        cacheGroups: {
+          vendors: {
+            test: /[\\/]node_modules[\\/]/,
+            priority: -10
+            // chunks: chunk => chunk.name !== "polyfill"
+          },
+          default: {
+            minChunks: 2,
+            priority: -20,
+            reuseExistingChunk: true
+          }
+        }
+      }
+    }
+  },
+  {
+    context: path.resolve(root),
+    entry: {
+      polyfills: "./ui-polyfill/src/index.js"
+    },
+    output: {
+      path: path.resolve(root, "target", "assets"),
+      filename: "[name].bundle.js"
+    }
+  }
+];