feat: optimize build process and enhance Tailwind CSS configuration

Author: guigui42

README.md

@@ -59,10 +59,7 @@ If you prefer to install **Demofl.io** manually or improve the extension, follow
     ```
 3. **Install Dependencies:**
     ```bash
-    npm init -y
-    npm install webpack webpack-cli --save-dev
-    npm install cssnano postcss --save-dev
-    npm install css-minimizer-webpack-plugin --save-dev
+    npm install
     ```
 4. **Build the Project:**
     ```bash

postcss.config.js

@@ -3,7 +3,14 @@ module.exports = {
     require('tailwindcss'),
     require('autoprefixer'),
     require('cssnano')({
-      preset: 'default',
+      preset: ['default', {
+        discardComments: {
+          removeAll: true,
+        },
+        normalizeWhitespace: true,
+        minifyFontValues: true,
+        colormin: true
+      }]
     }),
   ]
 }

tailwind.config.js

@@ -1,5 +1,8 @@
 module.exports = {
-  content: ["./html/**/*.html", "./js/**/*.js"],
+  content: [
+    "./html/**/*.html",
+    "./js/**/*.js"
+  ],
   theme: {
     extend: {},
   },
@@ -13,5 +16,18 @@ module.exports = {
     base: true,
     styled: true,
     utils: true
+  },
+  purge: {
+    enabled: true,
+    content: [
+      "./html/**/*.html",
+      "./js/**/*.js"
+    ],
+    options: {
+      safelist: [],
+      blocklist: [],
+      keyframes: true,
+      fontFace: true
+    }
   }
 }

webpack.config.js

@@ -37,9 +37,20 @@ module.exports = [{
         ]
     },
     optimization: {
+        minimize: true,
         minimizer: [
-            `...`,
-            new CssMinimizerPlugin()
+            '...',
+            new CssMinimizerPlugin({
+                minimizerOptions: {
+                    preset: [
+                        'default',
+                        {
+                            discardComments: { removeAll: true },
+                            normalizeWhitespace: true
+                        },
+                    ],
+                },
+            })
         ]
     },
     mode: 'production'