refactor(client): make log and strip ansi transpiled bundle modules

Author: knagaitsev

client-src/default/index.js

@@ -7,7 +7,7 @@ window.process.env = window.process.env || {};
 
 /* global __resourceQuery WorkerGlobalScope self */
 /* eslint prefer-destructuring: off */
-const stripAnsi = require('strip-ansi');
+const stripAnsi = require('../transpiled-modules/strip-ansi');
 const socket = require('./socket');
 const overlay = require('./overlay');
 const { log, setLogLevel } = require('./utils/log');

client-src/default/utils/log.js

@@ -1,6 +1,6 @@
 'use strict';
 
-const log = require('webpack/lib/logging/runtime');
+const log = require('../../transpiled-modules/log');
 
 const name = 'webpack-dev-server';
 const defaultLevel = 'info';

client-src/transpiled-modules/log.js

@@ -0,0 +1,3 @@
+'use strict';
+
+module.exports = require('webpack/lib/logging/runtime');

client-src/transpiled-modules/strip-ansi.js

@@ -0,0 +1,3 @@
+'use strict';
+
+module.exports = require('strip-ansi');

client-src/transpiled-modules/webpack.config.js

@@ -0,0 +1,39 @@
+'use strict';
+
+const path = require('path');
+const merge = require('webpack-merge');
+
+const base = {
+  mode: 'production',
+  output: {
+    path: path.resolve(__dirname, '../../client/transpiled-modules'),
+    libraryTarget: 'commonjs2',
+  },
+  module: {
+    rules: [
+      {
+        test: /\.js$/,
+        use: [
+          {
+            loader: 'babel-loader',
+          },
+        ],
+      },
+    ],
+  },
+};
+
+module.exports = [
+  merge(base, {
+    entry: path.join(__dirname, 'log.js'),
+    output: {
+      filename: 'log.js',
+    },
+  }),
+  merge(base, {
+    entry: path.join(__dirname, 'strip-ansi.js'),
+    output: {
+      filename: 'strip-ansi.js',
+    },
+  }),
+];

package-lock.json

@@ -29,6 +29,7 @@
     "build:client:clients": "babel client-src/clients --out-dir client/clients",
     "build:client:index": "webpack --color --config client-src/default/webpack.config.js",
     "build:client:sockjs": "webpack --color --config client-src/sockjs/webpack.config.js",
+    "build:client:transpiled-modules": "webpack --color --config client-src/transpiled-modules/webpack.config.js",
     "build:client": "rimraf ./client/* && npm-run-all -s -l -p \"build:client:**\"",
     "webpack-dev-server": "node examples/run-example.js",
     "release": "standard-version"
@@ -109,7 +110,8 @@
     "typescript": "^3.9.5",
     "url-loader": "^4.1.0",
     "webpack": "^4.43.0",
-    "webpack-cli": "^3.3.11"
+    "webpack-cli": "^3.3.11",
+    "webpack-merge": "^4.2.2"
   },
   "peerDependencies": {
     "webpack": "^4.0.0 || ^5.0.0"