mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-06-26 18:11:56 +08:00
dbeea6afcc690f2d9cb6be05ba90542a0c69f5e0
Limit long-lived page and component retention while virtualizing large card views to keep runtime memory lower. Defer heavy editor, chart, workflow, calendar, and icon code so the app loads less JavaScript up front.
…
…
…
…
…
MoviePilot-Frontend
中文 | English
Frontend project for MoviePilot, NodeJS version required: >= v20.12.1.
Features
- Modern interface built with Vue 3 and Vuetify 3
- Fast development experience with Vite build tool
- Multi-language support (Chinese/English)
- Complete plugin system with dynamic remote component loading
Module Federation
MoviePilot now supports Module Federation, allowing plugin developers to create dynamically loadable remote components for richer plugin user interfaces.
Documentation
- Module Federation Troubleshooting Guide - Common issues and solutions
- Plugin Remote Component Example - Complete example project for developing plugin components
Development
Recommended IDE Setup
VSCode + Volar (disable Vetur).
Configure Vite
See Vite Configuration Reference.
Install Dependencies
yarn
Development Server
yarn dev
Build for Production
yarn build
Static Deployment
-
Host the
diststatic files using a web server likenginx. Refer topublic/nginx.conffor nginx configuration. -
Alternatively, run the
service.jsdirectly with thenodecommand. It listens on port3000by default. Set theNGINX_PORTenvironment variable to adjust the port.
node dist/service.js
Languages
Vue
69.9%
TypeScript
26.4%
SCSS
3%
HTML
0.7%