attempt to use purgecss again

modules (import) vs require stuff is so confusing and documentation so poor, no idea what i am doing or of this is the right direction
composer · Dec 24, 2024 · 456349b · 456349b
1 parent 523453d
commit 456349b
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 3 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -6,6 +6,7 @@
         "bootstrap": "^5.3.3",
         "date-fns": "^4.1.0",
         "eslint-webpack-plugin": "^4.2.0",
+        "glob": "^11.0.0",
         "husky": "^9.1.7",
         "lint-staged": "^15.2.11",
         "prettier": "^3.4.2",

diff --git a/views/build/style.css b/views/build/style.css
diff --git a/webpack.config.js b/webpack.config.js
@@ -1,4 +1,6 @@
 import Encore from "@symfony/webpack-encore";
+import { PurgeCSSPlugin } from "purgecss-webpack-plugin";
+import { glob } from "glob";
 
 Encore.addEntry("app", "./views/assets/js/app.js")
     .addStyleEntry("style", "./views/assets/css/style.scss")
@@ -8,7 +10,11 @@ Encore.addEntry("app", "./views/assets/js/app.js")
     .enableSourceMaps(!Encore.isProduction())
     .setOutputPath("views/build/")
     .setPublicPath("/build")
-;
+    .addPlugin(
+        new PurgeCSSPlugin({
+            paths: () => glob.sync([`views/*.html.twig`, `views/assets/js/**/*.js`], { nodir: true }),
+        }),
+    );
 
 const config = Encore.getWebpackConfig();
 
@@ -19,4 +25,4 @@ config.output.environment.arrowFunction = false;
 config.output.environment.const = false;
 config.output.environment.destructuring = false;
 
-export { config as default }
+export { config as default };