split css into separate file so it can load separately from js.

1 files changed, 6 insertions, 2 deletions

diff --git a/webpack.config.js b/webpack.config.js
index e035c3b..f054c01 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -9,14 +9,18 @@ const commonConfig = merge([
       }),
     ],
   },
-  parts.loadCSS(),
 ]);
-const productionConfig = merge([]);
+const productionConfig = merge([
+  parts.extractCSS({
+    use: "css-loader",
+  }),
+]);
 const developmentConfig = merge([
   parts.devServer({
     host: process.env.HOST,
     port: process.env.PORT,
   }),
+  parts.loadCSS(),
 ]);
 
 module.exports = mode => {