Fix watch mode repeated ts compilation issue

Author: joernb

config/webpack.ssr.config.js

@@ -3,6 +3,7 @@
 const webpack = require('webpack');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const InterpolateHtmlPlugin = require('react-dev-utils/InterpolateHtmlPlugin');
+const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin-alt');
 const nodeExternals = require('webpack-node-externals');
 const webpackConfigFactory = require('./webpack.config.js');
 const paths = require('./paths');
@@ -60,8 +61,11 @@ module.exports = function (webpackEnv) {
       // filter out some plugins
       plugins: template.plugins.filter(plugin =>
         [
+          // seems to break multicompiler dev server watch mode
+          ForkTsCheckerWebpackPlugin,
+          // interpolation of '%PUBLIC_URL%' will happen at runtime, not compile time
           InterpolateHtmlPlugin,
-          // filter out original DefinePlugin
+          // this will be replaced by a modified version
           webpack.DefinePlugin
         ].every(pluginClass => !(plugin instanceof pluginClass))
       ).concat([

template-typescript/src/index.ssr.tsx

@@ -35,7 +35,7 @@ router.use(express.static(
 router.use((request: express.Request, response: express.Response, next: express.NextFunction) => {
   const template = readFileSync('build/index.html')
     .toString()
-    .replace(/%PUBLIC_URL%/g, process.env.PUBLIC_URL || '')
+    .replace(/%PUBLIC_URL%/g, process.env.PUBLIC_URL || '');
 
   const [head, tail] = template.split('%ROOT%');
   const stream = renderToNodeStream(<App />);

template/src/index.ssr.js

@@ -35,7 +35,7 @@ router.use(express.static(
 router.use((request, response, next) => {
   const template = readFileSync('build/index.html')
     .toString()
-    .replace(/%PUBLIC_URL%/g, process.env.PUBLIC_URL || '')
+    .replace(/%PUBLIC_URL%/g, process.env.PUBLIC_URL || '');
 
   const [head, tail] = template.split('%ROOT%');
   const stream = renderToNodeStream(<App />);