feat: add invalidate endpoint (#2493)

Co-authored-by: Yuta Hiroto <git@hiroppy.me>

lib/Server.js

@@ -118,7 +118,7 @@ class Server {
     this.setupDevMiddleware();
 
     // set express routes
-    routes(this.app, this.middleware, this.options);
+    routes(this);
 
     // Keep track of websocket proxies for external websocket upgrade.
     this.websocketProxies = [];

lib/utils/routes.js

@@ -5,7 +5,11 @@ const { join } = require('path');
 
 const clientBasePath = join(__dirname, '..', '..', 'client');
 
-function routes(app, middleware, options) {
+function routes(server) {
+  const app = server.app;
+  const middleware = server.middleware;
+  const options = server.options;
+
   app.get('/__webpack_dev_server__/live.bundle.js', (req, res) => {
     res.setHeader('Content-Type', 'application/javascript');
 
@@ -30,6 +34,11 @@ function routes(app, middleware, options) {
     createReadStream(join(clientBasePath, 'live.html')).pipe(res);
   });
 
+  app.get('/invalidate', (_req, res) => {
+    server.invalidate();
+    res.end();
+  });
+
   app.get('/webpack-dev-server', (req, res) => {
     res.setHeader('Content-Type', 'text/html');
 

test/server/utils/routes.test.js

@@ -64,6 +64,10 @@ describe('routes util', () => {
     });
   });
 
+  it('GET request to invalidate endpoint', (done) => {
+    req.get('/invalidate').expect(200, done);
+  });
+
   it('should handles GET request to live html', (done) => {
     req.get('/webpack-dev-server/').then(({ res }) => {
       expect(res.headers['content-type']).toEqual('text/html');