fresh

Author: FathanGhni

package-lock.json

@@ -12,6 +12,7 @@
   "license": "MIT",
   "main": "src/init.js",
   "scripts": {
+    "serve": "vue-cli-service serve",
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview"
@@ -36,6 +37,7 @@
     "eslint-plugin-vue": "^9.2.0",
     "prettier": "^2.5.1",
     "sass": "^1.49.7",
-    "vite": "^3.0.0"
+    "vite": "^3.0.0",
+    "vite-plugin-compression": "^0.5.1"
   }
 }

package.json

@@ -1,20 +1,32 @@
 import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
+import _ from 'lodash'; // Membawa seluruh library lodash (besar)
+import debounce from 'lodash/debounce'; // Hanya membawa fungsi debounce (lebih kecil)
+import viteCompression from 'vite-plugin-compression';
 
-// https://vitejs.dev/config/
 export default defineConfig({
-    plugins: [vue()],
+    plugins: [
+        vue(),
+        viteCompression({ algorithm: 'gzip' }), // atau 'brotliCompress' untuk Brotli compression
+    ],
     build: {
-        minify: true,
-        cssCodeSplit: false,
         rollupOptions: {
             output: {
-                manualChunks: {
-                    vendor: [],
+                manualChunks(id) {
+                    if (id.includes('node_modules')) {
+                        return 'vendor';
+                    }
                 },
             },
         },
     },
 
-    css: { preprocessorOptions: { scss: { charset: false } } },
+
+    css: { 
+        preprocessorOptions: { 
+            scss: { 
+                charset: false // Menghilangkan charset dari file SCSS
+            } 
+        } 
+    },
 });