Have webpack-dev-server write webpack assets to disk (#5836)

* create the files not webpacked and watch css

* removing trailing slash

1 files changed, 12 insertions, 2 deletions

diff --git a/webpack.dev.js b/webpack.dev.js
index b8e580f77..9dd738a3a 100644
--- a/webpack.dev.js
+++ b/webpack.dev.js
@@ -36,9 +36,19 @@ module.exports = merge(common, {
     ],
     devtool: 'eval-source-map',
     devServer: {
+        devMiddleware: {
+            writeToDisk: (filePathString) => {
+                const filePath = path.parse(filePathString);
+                const shouldWrite = !(filePath.base.includes('hot-update'));
+
+                return shouldWrite;
+            }
+        },
+        watchFiles: ['**/*.css'],
         static: {
-            directory: path.join(__dirname, '/dist/'),
-            publicPath: '/dist'
+            directory: path.join(__dirname, '/dist'),
+            publicPath: '/dist',
+            watch: false
         },
         client: {
             progress: true,