feat: test css optim

package-lock.json

@@ -14,7 +14,8 @@
                 "laravel-vite-plugin": "^0.8.0",
                 "postcss": "^8.4.31",
                 "tailwindcss": "^3.3.5",
-                "vite": "^4.0.0"
+                "vite": "^4.0.0",
+                "vite-plugin-optimize-css-modules": "^1.0.4"
             }
         },
         "node_modules/@alloc/quick-lru": {
@@ -2811,6 +2812,15 @@
                 "vite": "^2 || ^3 || ^4"
             }
         },
+        "node_modules/vite-plugin-optimize-css-modules": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/vite-plugin-optimize-css-modules/-/vite-plugin-optimize-css-modules-1.0.4.tgz",
+            "integrity": "sha512-3tdQNLr2nZGu1jcNGwdh4OlAXILo31jnK8xkjzJsnljQDDqjU4rU7sci8ImBaLfQQKhH6CXljrmKjQYrGitMdw==",
+            "dev": true,
+            "peerDependencies": {
+                "vite": "^4.0.0 || ^3.0.0 || ^2.0.0"
+            }
+        },
         "node_modules/which": {
             "version": "1.3.1",
             "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",

package.json

@@ -15,7 +15,8 @@
         "laravel-vite-plugin": "^0.8.0",
         "postcss": "^8.4.31",
         "tailwindcss": "^3.3.5",
-        "vite": "^4.0.0"
+        "vite": "^4.0.0",
+        "vite-plugin-optimize-css-modules": "^1.0.4"
     },
     "dependencies": {
         "flowbite": "^2.0.0",

vite.config.js

@@ -1,5 +1,6 @@
 import { defineConfig } from 'vite';
 import laravel from 'laravel-vite-plugin';
+import {optimizeCssModules} from "vite-plugin-optimize-css-modules";
 
 export default defineConfig({
     plugins: [
@@ -7,5 +8,6 @@ export default defineConfig({
             input: ['resources/css/app.css', 'resources/js/app.js'],
             refresh: true,
         }),
+        optimizeCssModules()
     ],
 });