add Makefile | optimize css

Makefile

@@ -0,0 +1,15 @@
+export PATH	:= ./node_modules/.bin/:${PATH}
+
+default: build
+
+install:
+	npm install
+
+build:
+	postcss src/css/*.pcss -o public/assets/style.css
+
+watch:
+	postcss src/css/*.pcss -o public/assets/style.css --watch
+
+start:
+	live-server public/ 

package.json

@@ -2,15 +2,13 @@
   "name": "online-resume",
   "version": "1.0.0",
   "description": "",
-  "scripts": {
-    "start": "live-server public",
-    "build": "postcss src/css/main.pcss -o public/assets/style.css",
-    "watch": "postcss src/css/main.pcss -o public/assets/style.css --watch"
-  },
-  "author": "",
+  "author": "Sampson SAVINEL",
   "license": "MIT",
   "dependencies": {
+    "@fullhuman/postcss-purgecss": "^2.1.2",
     "autoprefixer": "^9.7.6",
+    "cssnano": "^4.1.10",
+    "cssnano-preset-advanced": "^4.0.7",
     "live-server": "^1.2.1",
     "postcss-cli": "^7.1.0",
     "tailwindcss": "^1.2.0"

postcss.config.js

@@ -1,6 +1,16 @@
 module.exports = {
-    plugins:[
+    plugins: [
         require('tailwindcss'),
-        require('autoprefixer'),
+        require('autoprefixer')({
+            overrideBrowserslist: "> 5%"
+        }),
+        require('@fullhuman/postcss-purgecss')({
+            content:[
+                './public/**/*.html'
+            ]
+        }),
+        require('cssnano')({
+            preset:"advanced"
+        })
     ]
 }

src/css/main.pcss

@@ -87,7 +87,7 @@ aside {
 }
 
 .content p {
-    @apply text-gray-400 py-2 text-xl
+    @apply text-gray-400 py-2
 }
 
 .content span {
@@ -119,7 +119,7 @@ aside {
 }
 
 .kpis li, .tools li {
-    @apply flex flex-1 flex-col items-center text-center text-gray-100 text-xs font-bold 
+    @apply flex flex-1 flex-col items-center text-center text-gray-100 text-sm font-bold 
 }
 
 .tools ul {