Update frontend dependencies; add terser for JavaScript minification in development environment
This commit is contained in:
59
FIX_TERSER.md
Normal file
59
FIX_TERSER.md
Normal file
@@ -0,0 +1,59 @@
|
||||
# Terser-Fehler beheben
|
||||
|
||||
## Problem
|
||||
|
||||
```
|
||||
error during build:
|
||||
[vite:terser] terser not found. Since Vite v3, terser has become an optional dependency.
|
||||
```
|
||||
|
||||
## Lösung
|
||||
|
||||
Terser wurde zu `package.json` hinzugefügt. Auf dem Server ausführen:
|
||||
|
||||
```bash
|
||||
cd /var/www/timeclock/frontend
|
||||
|
||||
# Dependencies neu installieren (inkl. terser)
|
||||
npm install
|
||||
|
||||
# Build erneut ausführen
|
||||
npm run build
|
||||
```
|
||||
|
||||
## Alternativ: esbuild statt terser verwenden
|
||||
|
||||
Falls terser weiterhin Probleme macht, kannst du auch den Standard-Minifier (esbuild) verwenden:
|
||||
|
||||
### In `frontend/vite.config.js` ändern:
|
||||
|
||||
```javascript
|
||||
build: {
|
||||
target: 'es2015',
|
||||
outDir: 'dist',
|
||||
assetsDir: 'assets',
|
||||
sourcemap: false,
|
||||
minify: 'esbuild', // Statt 'terser'
|
||||
// terserOptions entfernen
|
||||
rollupOptions: {
|
||||
output: {
|
||||
manualChunks: {
|
||||
'vue-vendor': ['vue', 'vue-router', 'pinia']
|
||||
}
|
||||
}
|
||||
},
|
||||
chunkSizeWarningLimit: 1000
|
||||
},
|
||||
```
|
||||
|
||||
## Was ist der Unterschied?
|
||||
|
||||
- **terser**: Bessere Kompression (~5% kleiner), langsamerer Build
|
||||
- **esbuild**: Schnellerer Build, minimal größere Dateien
|
||||
|
||||
Für Produktion ist terser besser, für Entwicklung esbuild schneller.
|
||||
|
||||
## Automatisch behoben
|
||||
|
||||
Die `package.json` wurde bereits angepasst. Einfach `npm install` ausführen!
|
||||
|
||||
Reference in New Issue
Block a user