chore: minify CSS using Webpack

package.json

@@ -3,22 +3,39 @@
   "version": "1.0.0",
   "description": "Blog IT's on us",
   "scripts": {
-    "build": "npx @11ty/eleventy",
-    "build-ghpages": "npx @11ty/eleventy --pathprefix=/itsonus-blog/",
-    "bench": "DEBUG=Eleventy:Benchmark* npx @11ty/eleventy",
-    "watch": "npx @11ty/eleventy --watch",
-    "serve": "npx @11ty/eleventy --serve",
-    "start": "npx @11ty/eleventy --serve --quiet",
-    "start-ghpages": "npx @11ty/eleventy --serve --quiet --pathprefix=/itsonus-blog/",
-    "debug": "DEBUG=Eleventy* npx @11ty/eleventy"
+    "build": "npm-run-all clean build:assets build:site",
+    "build:assets": "NODE_ENV=production webpack --mode=production",
+    "build:site": "NODE_ENV=production eleventy",
+    "clean": "rm -rf ./_site",
+    "dev": "npm-run-all clean webpack:assets --parallel dev:*",
+    "dev:assets": "npm run webpack:assets --watch",
+    "dev:site": "NODE_ENV=development eleventy --serve",
+    "webpack:assets": "NODE_ENV=development webpack --mode=development"
   },
   "dependencies": {
-    "@11ty/eleventy": "^2.0.0-canary.15",
+    "@11ty/eleventy": "^2.0.0-canary.16",
     "@11ty/eleventy-navigation": "^0.3.5",
     "@11ty/eleventy-plugin-rss": "^1.2.0",
     "@11ty/eleventy-plugin-syntaxhighlight": "^4.1.0",
     "luxon": "^3.0.1",
     "markdown-it-anchor": "^8.6.4",
-    "rosetta": "^1.1.0"
+    "rosetta": "^1.1.0",
+    "@babel/core": "^7.10.2",
+    "@babel/preset-env": "^7.10.2",
+    "autoprefixer": "^9.8.0",
+    "babel-loader": "^8.1.0",
+    "css-loader": "^3.5.3",
+    "cssnano": "^4.1.10",
+    "mini-css-extract-plugin": "^0.9.0",
+    "npm-run-all": "^4.1.5",
+    "postcss-import": "^12.0.1",
+    "postcss-loader": "^3.0.0",
+    "postcss-preset-env": "^6.7.0",
+    "webpack": "^4.43.0",
+    "webpack-cli": "^3.3.11",
+    "webpack-manifest-plugin": "^2.2.0"
+  },
+  "devDependencies": {
+    "prettier": "^2.0.5"
   }
 }