Skip to content

本地开发

安装与启动

bash
pnpm install
pnpm admin:dev      # Admin + Mock
pnpm docs:dev       # 文档站

源码 HMR

apps/*/vite.config.ts 使用:

ts
import { createLumalAliases } from '@lumal/vite'

createLumalAliases({
  workspaceRoot: resolve(__dirname, '../..'),
  target: 'source', // 开发
})

target: 'source' 时别名指向 packages/*/src,修改包代码即时 HMR。
验证产物时改为 target: 'dist',并先 pnpm build

推荐工作流

  1. 在包内改能力(packages/*
  2. apps/lumal-admin(或对应 demo)验收
  3. pnpm --filter <pkg> test / typecheck
  4. 更新文档站对应页面
  5. 提交:<type>(<scope>): <中文动宾描述>

常用脚本

命令说明
pnpm test单测链路
pnpm typecheck类型检查
pnpm build构建可发布包
pnpm lintESLint
pnpm release:boundaries包边界检查
pnpm test:e2ePlaywright

约定

  • Vue 组件:<script setup lang="ts">,模板 ref 优先 useTemplateRef
  • 样式:SCSS + 语义变量,避免硬编码主题色
  • Admin 只通过 @lumal/* 公开入口消费

基于 MIT 许可发布 · Vue 3 · TypeScript · Vite · Element Plus