@weapp-vite/dashboard 6.9.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +117 -0
- package/dist/assets/echarts.js +17 -0
- package/dist/assets/index.css +2 -0
- package/dist/assets/index.js +1 -0
- package/dist/assets/pages.js +1 -0
- package/dist/assets/rolldown-runtime.js +1 -0
- package/dist/assets/vue.js +1 -0
- package/dist/index.html +13 -0
- package/package.json +48 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2024 ice breaker
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
# @weapp-vite/dashboard
|
|
2
|
+
|
|
3
|
+
`@weapp-vite/dashboard` 是 `weapp-vite analyze` 的可选仪表盘包。
|
|
4
|
+
|
|
5
|
+
它负责承载分包分析的前端可视化界面,本身不直接参与小程序构建;只有当用户显式安装这个包后,`weapp-vite analyze`、`weapp-vite build --analyze`、`weapp-vite dev --analyze` 才会自动发现并启动仪表盘。
|
|
6
|
+
|
|
7
|
+
未安装时,`weapp-vite` 会:
|
|
8
|
+
|
|
9
|
+
- 提示对应包管理器的安装命令
|
|
10
|
+
- 自动降级为仅输出文本或 JSON 分析结果
|
|
11
|
+
- 不再因为缺少 dashboard 资源而报错中断
|
|
12
|
+
|
|
13
|
+
## 安装
|
|
14
|
+
|
|
15
|
+
按当前项目使用的包管理器安装即可:
|
|
16
|
+
|
|
17
|
+
```bash
|
|
18
|
+
pnpm add -D @weapp-vite/dashboard
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
```bash
|
|
22
|
+
npm install -D @weapp-vite/dashboard
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
```bash
|
|
26
|
+
yarn add -D @weapp-vite/dashboard
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
```bash
|
|
30
|
+
bun add -d @weapp-vite/dashboard
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
## 使用方式
|
|
34
|
+
|
|
35
|
+
安装后,直接使用 `weapp-vite` 主包的分析命令:
|
|
36
|
+
|
|
37
|
+
```bash
|
|
38
|
+
weapp-vite analyze
|
|
39
|
+
```
|
|
40
|
+
|
|
41
|
+
或在构建/开发时启用分析:
|
|
42
|
+
|
|
43
|
+
```bash
|
|
44
|
+
weapp-vite build --analyze
|
|
45
|
+
weapp-vite dev --analyze
|
|
46
|
+
```
|
|
47
|
+
|
|
48
|
+
`weapp-vite` 会在运行时检查当前项目中是否安装了 `@weapp-vite/dashboard`。如果存在,就读取本包 `dist/` 中的静态资源并启动本地分析页面。
|
|
49
|
+
|
|
50
|
+
## 项目结构
|
|
51
|
+
|
|
52
|
+
当前目录按标准 Vite 应用方式组织:
|
|
53
|
+
|
|
54
|
+
```text
|
|
55
|
+
packages/dashboard
|
|
56
|
+
├── index.html
|
|
57
|
+
├── package.json
|
|
58
|
+
├── src
|
|
59
|
+
│ ├── App.vue
|
|
60
|
+
│ ├── env.d.ts
|
|
61
|
+
│ ├── main.ts
|
|
62
|
+
│ ├── router.ts
|
|
63
|
+
│ ├── style.css
|
|
64
|
+
│ ├── types.ts
|
|
65
|
+
│ ├── useTreemapData.ts
|
|
66
|
+
│ └── pages
|
|
67
|
+
│ └── index.vue
|
|
68
|
+
├── tailwind.config.ts
|
|
69
|
+
├── tsconfig.json
|
|
70
|
+
└── vite.config.ts
|
|
71
|
+
```
|
|
72
|
+
|
|
73
|
+
说明:
|
|
74
|
+
|
|
75
|
+
- `src/pages/`:文件路由页面目录
|
|
76
|
+
- `src/router.ts`:基于 `vue-router` 的路由入口
|
|
77
|
+
- `src/types.ts`:仪表盘使用的分析结果类型
|
|
78
|
+
- `src/useTreemapData.ts`:Treemap 数据整理逻辑
|
|
79
|
+
- `dist/`:发布到 npm 的静态产物目录
|
|
80
|
+
|
|
81
|
+
## 技术栈
|
|
82
|
+
|
|
83
|
+
- `vite`
|
|
84
|
+
- `vue`
|
|
85
|
+
- `vue-router`
|
|
86
|
+
- `echarts`
|
|
87
|
+
- `tailwindcss`
|
|
88
|
+
|
|
89
|
+
## 开发
|
|
90
|
+
|
|
91
|
+
在仓库根目录执行:
|
|
92
|
+
|
|
93
|
+
```bash
|
|
94
|
+
pnpm --filter @weapp-vite/dashboard dev
|
|
95
|
+
```
|
|
96
|
+
|
|
97
|
+
生产构建:
|
|
98
|
+
|
|
99
|
+
```bash
|
|
100
|
+
pnpm --filter @weapp-vite/dashboard build
|
|
101
|
+
```
|
|
102
|
+
|
|
103
|
+
## 发布约束
|
|
104
|
+
|
|
105
|
+
`@weapp-vite/dashboard` 与 `weapp-vite` 共享版本节奏。
|
|
106
|
+
|
|
107
|
+
仓库里的 changeset 规则已经要求:
|
|
108
|
+
|
|
109
|
+
- `weapp-vite` 发版时,`@weapp-vite/dashboard` 必须一起发版
|
|
110
|
+
- `@weapp-vite/dashboard` 发版时,`weapp-vite` 也必须一起发版
|
|
111
|
+
- 两者的 bump 类型必须一致
|
|
112
|
+
|
|
113
|
+
这样可以保证:
|
|
114
|
+
|
|
115
|
+
- 主包提示安装的版本与 dashboard 包保持一致
|
|
116
|
+
- CLI 的运行时发现逻辑不会因为版本漂移而出问题
|
|
117
|
+
- 文档与实际安装体验一致
|