Implementation:Apache Dolphinscheduler UI Package Manifest
| Knowledge Sources | |
|---|---|
| Domains | Frontend, Build_Toolchain |
| Last Updated | 2026-02-10 00:00 GMT |
Overview
Concrete NPM package manifest that declares the DolphinScheduler frontend module's identity, build scripts, runtime dependencies, and development toolchain.
Description
The package.json file defines the dolphinscheduler-ui package. It declares five npm scripts: dev (Vite dev server), build:prod (TypeScript type-check then Vite production build), preview (Vite preview), lint (ESLint with auto-fix), and prettier (code formatting). Runtime dependencies include Vue 3, vue-router, pinia (state management), naive-ui (component library), axios (HTTP client), echarts (charting), monaco-editor (code editor), @antv/x6 (DAG graph editing), d3 (data visualization), and protobufjs. Dev dependencies include Vite 3, TypeScript 4.8, ESLint, Prettier, Sass, and vue-tsc.
Usage
Use this file as the entry point for understanding the frontend technology stack, available build commands, and the full dependency tree. It is the central configuration consumed by pnpm and Vite during development and CI/CD builds.
Code Reference
Source Location
- Repository: Apache_Dolphinscheduler
- File: dolphinscheduler-ui/package.json
- Lines: 1-60
Signature
{
"name": "dolphinscheduler-ui",
"version": "0.0.0",
"scripts": {
"dev": "vite",
"build:prod": "vue-tsc --noEmit && vite build --mode production",
"preview": "vite preview",
"lint": "eslint src --fix --ext .ts,.tsx,.vue",
"prettier": "prettier --write \"src/**/*.{vue,ts,tsx}\""
},
"dependencies": {
"vue": "^3.2.39",
"vue-router": "^4.1.5",
"pinia": "^2.0.22",
"naive-ui": "2.33.5",
"axios": "^0.27.2",
"echarts": "^5.3.3",
"monaco-editor": "^0.50.0",
"@antv/x6": "^1.34.1",
"d3": "7.8.5"
},
"devDependencies": {
"vite": "^3.1.2",
"typescript": "^4.8.3",
"vue-tsc": "^0.40.13",
"eslint": "^8.23.1",
"prettier": "^2.7.1"
}
}
Import
# Not imported directly; consumed by pnpm/npm
pnpm install
pnpm run dev # Start development server
pnpm run build:prod # Production build
I/O Contract
Inputs
| Name | Type | Required | Description |
|---|---|---|---|
| pnpm install | CLI command | Yes | Reads dependency declarations and installs packages |
| pnpm run <script> | CLI command | Yes | Executes the named script from the scripts block |
Outputs
| Name | Type | Description |
|---|---|---|
| node_modules | Directory | Installed dependency tree |
| dist | Directory | Production build output (via build:prod) |
| Dev server | HTTP | Local development server with HMR (via dev) |
Usage Examples
Development Workflow
cd dolphinscheduler-ui
# 1. Install dependencies
pnpm install
# 2. Start development server with hot reload
pnpm run dev
# 3. Lint and format code before committing
pnpm run lint
pnpm run prettier
Production Build
cd dolphinscheduler-ui
# Type-check and build for production
pnpm run build:prod
# Preview the production build locally
pnpm run preview