From 035da04bf845e4cc91a7381e8d9b79aac33df78c Mon Sep 17 00:00:00 2001
From: Kumi <git@kumi.email>
Date: Wed, 4 Sep 2024 08:03:45 +0200
Subject: [PATCH] chore: optimize CSS imports and PurgeCSS config

Switched to non-minified Bootstrap CSS for improved readability during development. Updated Webpack MiniCssExtractPlugin filename pattern to handle multiple CSS outputs more gracefully. Enhanced PurgeCSSPlugin configuration by incorporating JS paths and limiting removal to specific Bootstrap classes to avoid issues with dynamic class usage.
---
 src/js/main.js    | 2 +-
 webpack.config.js | 8 +++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/js/main.js b/src/js/main.js
index 7390237..ca22bce 100644
--- a/src/js/main.js
+++ b/src/js/main.js
@@ -1,4 +1,4 @@
-import 'bootstrap/dist/css/bootstrap.min.css';
+import 'bootstrap/dist/css/bootstrap.css';
 import 'bootstrap/dist/js/bootstrap.bundle.min';
 
 import '../css/custom.css';
diff --git a/webpack.config.js b/webpack.config.js
index d1a8d91..c1e0fea 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -25,13 +25,15 @@ module.exports = {
   },
   plugins: [
     new MiniCssExtractPlugin({
-      filename: '../css/main.css'
+      filename: '../css/[name].css'
     }),
     new PurgeCSSPlugin({
       paths: glob.sync([
-        path.join(__dirname, 'index.php')
+        path.join(__dirname, 'index.php'),
+        path.join(__dirname, 'src/js/**/*.js')
       ]),
+      only: ['bootstrap'],
       safelist: ['tooltip', 'fade', 'show', 'bs-tooltip-top', 'tooltip-inner', 'tooltip-arrow', 'btn-equals', 'btn-arrow', 'alert', 'alert-warning']
     })
   ]
-};
\ No newline at end of file
+};