ui/dist/index.html

@@ -6,6 +6,7 @@
 
         <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,600italic,600' rel='stylesheet' type='text/css'>
         <link href="./css/all.css" rel="stylesheet" type="text/css" media="screen,print" />
+        <link href="./css/bundle.css" rel="stylesheet" type="text/css" media="screen,print" />
         <link rel="icon" type="image/png" href="./img/fav/favicon-32x32.png" sizes="32x32">
         <link rel="icon" type="image/png" href="./img/fav/favicon-194x194.png" sizes="194x194">
         <link rel="icon" type="image/png" href="./img/fav/favicon-96x96.png" sizes="96x96">

ui/package.json

@@ -71,7 +71,7 @@
     "node-loader": "^0.6.0",
     "prettier": "^1.4.2",
     "style-loader": "^0.18.2",
-    "webpack": "^2.6.1",
+    "webpack": "^3.2.0",
     "webpack-dev-server": "^2.4.4",
     "webpack-notifier": "^1.5.0",
     "webpack-target-electron-renderer": "^0.4.0"

ui/webpack.config.js

@@ -1,5 +1,6 @@
 const path = require("path");
 const webpack = require("webpack")
+const ExtractTextPlugin = require("extract-text-webpack-plugin");
 const appPath = path.resolve(__dirname, "js");
 
 process.traceDeprecation = true;
@@ -25,6 +26,7 @@ module.exports = {
     new webpack.DefinePlugin({
       ENV: JSON.stringify("production"),
     }),
+   new ExtractTextPlugin(path.join("../css/bundle.css"), { allChunks: true }),
   ],
   module: {
     rules: [
@@ -41,14 +43,31 @@ module.exports = {
       },
       {
         test: /\.css$/,
-        use: ["style-loader", {
-          loader: "css-loader",
-          options: {
-            modules: true,
-            importLoaders: 1,
-            localIdentName: "[name]__[local]___[hash:base64:5]"
+        exclude: /node_modules/,
+        use: ExtractTextPlugin.extract({
+          fallback: "style-loader",
+          use: {
+            loader: "css-loader",
+            query: {
+              modules: true,
+              importLoaders: 1,
+              localIdentName: "name]__[local]___[hash:base64:5]"
+            }
           }
-        }]
+        })
+      },
+      {
+        test: /\.css$/,
+        use: ExtractTextPlugin.extract({
+          fallback: "style-loader",
+          use: {
+            loader: "css-loader",
+            query: {
+              modules: true,
+              localIdentName: "[local]"
+            }
+          }
+        })
       },
       {
         test: /\.jsx?$/,

ui/webpack.dev.config.js

@@ -47,14 +47,29 @@ module.exports = {
       },
       {
         test: /\.css$/,
-        use: ["style-loader", {
-          loader: "css-loader",
-          options: {
-            modules: true,
-            importLoaders: 1,
-            localIdentName: "[name]__[local]___[hash:base64:5]"
-          }
-        }]
+        exclude: /node_modules/,
+        use: [
+          "style-loader",
+          {
+            loader: "css-loader",
+            query: {
+              modules: true,
+              importLoaders: 1,
+              localIdentName: "name]__[local]___[hash:base64:5]"
+            }
+          }]
+      },
+      {
+        test: /\.css$/,
+        use: [
+          "style-loader",
+          {
+            loader: "css-loader",
+            query: {
+              modules: true,
+              localIdentName: "[local]"
+            }
+          }]
       },
       {
         test: /\.jsx?$/,