Safeupdate - Fix CSS (#18)

* make it build

* shows date in title

* better date format

* tools update

* paket update

* logging smapi method as debug

* update steps safe2

* npm update

* updated github actions

* removed comments

* default is bundle

* enabled css bundling and added missing dependencies

package.json

@@ -10,7 +10,10 @@
         "@babel/plugin-transform-runtime": "^7.11.5",
         "@babel/preset-env": "^7.11.5",
         "@babel/runtime": "^7.11.2",
+        "@fortawesome/fontawesome-free": "^5.10.2",
+        "open-sans-fonts": "^1.5.1",
         "babel-loader": "^8.0.5",
+        "bulma": "^0.7.1",
         "copy-webpack-plugin": "^6.2.1",
         "core-js": "^3.3.2",
         "css-loader": "^4.3.0",

webpack.config.js

@@ -17,6 +17,7 @@ var CONFIG = {
     // See https://github.com/jantimon/html-webpack-plugin
     indexHtmlTemplate: './src/Client/index.html',
     fsharpEntry: './src/Client/Client.fsproj',
+    cssEntry: './src/Client/style.scss',
     outputDir: './deploy/public',
     assetsDir: './src/Client/public',
     devServerPort: 8080,
@@ -68,8 +69,11 @@ module.exports = {
     // have a faster HMR support. In production bundle styles together
     // with the code because the MiniCssExtractPlugin will extract the
     // CSS in a separate files.
-    entry: {
-        app: resolve(CONFIG.fsharpEntry)
+    entry: isProduction ? {
+        app: [resolve(CONFIG.fsharpEntry), resolve(CONFIG.cssEntry)]
+    } : {
+        app: resolve(CONFIG.fsharpEntry),
+        style: resolve(CONFIG.cssEntry)
     },
     // Add a hash to the output file name in production
     // to prevent browser caching if code changes