fix: avoid webpack bug with eval

Author: alexander-akait

client-src/webpack.config.js

@@ -7,13 +7,15 @@ const { merge } = require("webpack-merge");
 const baseForModules = {
   devtool: false,
   mode: "production",
-  experiments: {
-    outputModule: true,
-  },
+  // TODO enable this in future after fix bug with `eval` in webpack
+  // experiments: {
+  //   outputModule: true,
+  // },
   output: {
     path: path.resolve(__dirname, "../client/modules"),
     library: {
-      type: "module",
+      // type: "module",
+      type: "commonjs",
     },
   },
   optimization: {
@@ -40,21 +42,21 @@ module.exports = [
     output: {
       filename: "logger/index.js",
     },
-    // module: {
-    //   rules: [
-    //     {
-    //       test: /\.js$/,
-    //       use: [
-    //         {
-    //           loader: "babel-loader",
-    //           options: {
-    //             plugins: ["@babel/plugin-transform-object-assign"],
-    //           },
-    //         },
-    //       ],
-    //     },
-    //   ],
-    // },
+    module: {
+      rules: [
+        {
+          test: /\.js$/,
+          use: [
+            {
+              loader: "babel-loader",
+              options: {
+                plugins: ["@babel/plugin-transform-object-assign"],
+              },
+            },
+          ],
+        },
+      ],
+    },
     plugins: [
       new webpack.DefinePlugin({
         Symbol:
@@ -76,6 +78,9 @@ module.exports = [
     entry: path.join(__dirname, "modules/sockjs-client/index.js"),
     output: {
       filename: "sockjs-client/index.js",
+      library: "SockJS",
+      libraryTarget: "umd",
+      globalObject: "(typeof self !== 'undefined' ? self : this)",
     },
   }),
 ];

test/e2e/entry.test.js

@@ -40,7 +40,7 @@ describe("entry", () => {
 
   const itOnlyWebpack5 = isWebpack5 ? it : it.skip;
 
-  it("should work with single entry", async () => {
+  it.only("should work with single entry", async () => {
     const compiler = webpack({ ...config, entry: entryFirst });
     const devServerOptions = {
       host: "127.0.0.1",
@@ -73,6 +73,7 @@ describe("entry", () => {
         pageErrors.push(error);
       });
 
+    console.log(`http://127.0.0.1:${port}/main`);
     await page.goto(`http://127.0.0.1:${port}/main`, {
       waitUntil: "networkidle0",
     });

test/fixtures/client-config/webpack.config.js

@@ -12,6 +12,7 @@ const HTMLContent = `
 `;
 
 module.exports = {
+  devtool: "eval-nosources-cheap-source-map",
   mode: "development",
   context: __dirname,
   stats: "none",