脚本
根目录的 package.json 中定义的脚本如下:
package.json
1{
2 "scripts": {
3 "dev": "pnpm -r --color --parallel dev",
4 "dev:rsdoctor": "pnpm --filter=@visactor/vseed run dev:rsdoctor",
5 "build": "pnpm -r build",
6 "build:vseed": "pnpm --filter=@visactor/vseed run build",
7 "build:rsdoctor": "pnpm --filter=@visactor/vseed run build:rsdoctor",
8 "build:docs": "node ./scripts/build-docs.js",
9 "build:test": "node ./scripts/build-tests.mjs",
10 "build:canvasTest": "node ./scripts/build-tests-with-canvas.mjs",
11 "test": "pnpm --filter=@visactor/vseed test",
12 "rstest": "pnpm --filter=@visactor/vseed rstest",
13 "test:coverage": "pnpm --filter=@visactor/vseed test:coverage && node scripts/build-coverage-badge.mjs",
14 "publish:vseed": "pnpm run build:vseed && pnpm publish --filter=@visactor/vseed --access=public"
15 },
16}
本地开发
dev
用于本地开发与调试
同时启动 @visactor/vseed 项目和 apps/website 项目, 并监听文件变化,
test
执行单元测试
test:coverage
执行单元测试并生成覆盖率报告
构建
build
逐个构建 @visactor/vseed 项目和 apps/website 项目
build:vseed
构建 @visactor/vseed 项目
build:docs
根据vseed类型自动构建配置项文档, 文档会自动生成到 apps/website/docs/[locale]/option 目录下
build:test
构建 @visactor/vseed 项目的测试代码, 测试代码会自动生成到 packages/vseed/test 目录下, 每个用例包含spec 和 advancedVseed 的快照
build:canvasTest
build:test的基础上, 每个用例会创建图表实例, 因此可以获得更高的测试覆盖率.
构建分析
主要用于分析 @visactor/vseed 项目的构建过程
dev:rsdoctor
调试时用于诊断和分析 @visactor/vseed 项目的构建过程, 了解包体积、依赖关系等
build:rsdoctor
构建时用于诊断和分析 @visactor/vseed 项目的构建过程, 了解包体积、依赖关系等, 会自动打开esm,cjs,umd三种产物的分析页面
发布
publish:vseed
发布 @visactor/vseed 项目到 npm registry, 发布前会先构建项目