HMR plugin insertion for hot option and inline entry insertion in Server

lib/Server.js

@@ -89,6 +89,61 @@ class Server {
       throw new Error("'filename' option must be set in lazy mode.");
     }
 
+    if (options.inline !== false) {
+      const findHMRPlugin = (config) => {
+        if (!config.plugins) {
+          return undefined;
+        }
+
+        return config.plugins.find(
+          (plugin) => plugin.constructor === webpack.HotModuleReplacementPlugin
+        );
+      };
+
+      const compilers = [];
+      const compilersWithoutHMR = [];
+      let webpackConfig;
+      if (compiler.compilers) {
+        webpackConfig = [];
+        compiler.compilers.forEach((compiler) => {
+          webpackConfig.push(compiler.options);
+          compilers.push(compiler);
+          if (!findHMRPlugin(compiler.options)) {
+            compilersWithoutHMR.push(compiler);
+          }
+        });
+      } else {
+        webpackConfig = compiler.options;
+        compilers.push(compiler);
+        if (!findHMRPlugin(compiler.options)) {
+          compilersWithoutHMR.push(compiler);
+        }
+      }
+
+      // it's possible that we should clone the config before doing
+      // this, but it seems safe not to since it actually reflects
+      // the changes we are making to the compiler
+      // important: this relies on the fact that addEntries now
+      // prevents duplicate new entries.
+      Server.addDevServerEntrypoints(webpackConfig, options);
+      compilers.forEach((compiler) => {
+        const config = compiler.options;
+        compiler.hooks.entryOption.call(config.context, config.entry);
+      });
+
+      // do not apply the plugin unless it didn't exist before.
+      if (options.hot || options.hotOnly) {
+        compilersWithoutHMR.forEach((compiler) => {
+          // addDevServerEntrypoints above should have added the plugin
+          // to the compiler options
+          const plugin = findHMRPlugin(compiler.options);
+          if (plugin) {
+            plugin.apply(compiler);
+          }
+        });
+      }
+    }
+
     this.stats =
       options.stats && Object.keys(options.stats).length
         ? options.stats

lib/utils/addEntries.js

@@ -8,6 +8,7 @@ function addEntries(config, options, server) {
     // we're stubbing the app in this method as it's static and doesn't require
     // a server to be supplied. createDomain requires an app with the
     // address() signature.
+
     const app = server || {
       address() {
         return { port: options.port };
@@ -35,13 +36,22 @@ function addEntries(config, options, server) {
         const clone = {};
 
         Object.keys(entry).forEach((key) => {
-          clone[key] = entries.concat(entry[key]);
+          // entry[key] should be a string here
+          clone[key] = prependEntry(entry[key]);
         });
 
         return clone;
       }
 
-      return entries.concat(entry);
+      // in this case, entry is a string or an array.
+      // make sure that we do not add duplicates.
+      const entriesClone = entries.slice(0);
+      [].concat(entry).forEach((newEntry) => {
+        if (!entriesClone.includes(newEntry)) {
+          entriesClone.push(newEntry);
+        }
+      });
+      return entriesClone;
     };
 
     // eslint-disable-next-line no-shadow

package.json

@@ -82,7 +82,7 @@
     "marked": "^0.6.1",
     "nyc": "^13.3.0",
     "prettier": "^1.16.3",
-    "puppeteer": "^1.12.2",
+    "puppeteer": "^1.13.0",
     "rimraf": "^2.6.2",
     "standard-version": "^5.0.0",
     "style-loader": "^0.23.1",

test/Client.test.js

@@ -3,7 +3,6 @@
 const express = require('express');
 const httpProxy = require('http-proxy-middleware');
 const request = require('supertest');
-const addEntries = require('../lib/utils/addEntries');
 const helper = require('./helper');
 const config = require('./fixtures/client-config/webpack.config');
 const runBrowser = require('./helpers/run-browser');
@@ -33,8 +32,7 @@ describe('Client code', () => {
         poll: true,
       },
     };
-    addEntries(config, options);
-    helper.start(config, options, done);
+    helper.startAwaitingCompilation(config, options, done);
   });
 
   afterAll(helper.close);
@@ -65,8 +63,7 @@ describe('Client code', () => {
             expect(requestObj.url()).toMatch(
               /^http:\/\/localhost:9000\/sockjs-node/
             );
-            browser.close();
-            done();
+            browser.close().then(done);
           });
         page.goto('http://localhost:9000/main');
       });

test/Entry.test.js

@@ -254,6 +254,21 @@ describe('Entry', () => {
     ]);
   });
 
+  it('can prevent duplicate entries from successive calls', () => {
+    const webpackOptions = Object.assign({}, config);
+    const devServerOptions = { hot: true };
+
+    addEntries(webpackOptions, devServerOptions);
+    addEntries(webpackOptions, devServerOptions);
+
+    expect(webpackOptions.entry.length).toEqual(3);
+
+    const result = webpackOptions.entry.filter((entry) =>
+      normalize(entry).includes('webpack/hot/dev-server')
+    );
+    expect(result.length).toEqual(1);
+  });
+
   it('supports entry as Function', () => {
     const webpackOptions = Object.assign({}, configEntryAsFunction);
     const devServerOptions = {};