@dme/snack-ui

MBM-MOM 前端 PC 业务组件模块化

工程位于 @dme/snack/packages/ui (opens new window)。

使用 pnpm+vite 进行代码构建，所以需要预先安装 pnpm (opens new window)。

1. 介绍

为了实现在高码场景下的模块化开发需求，模块化开发包括但不限于组件、api、页面等。

• example/snack-ui

  用于调试模块化的工程，不打包发布。

• packages/ui

  用于开发模块化 npm 包的工程，会打包发布 npm 包。

1.1 版本号规范

版本号由四部分组成：

● 第一个 1 为主版本号

● 第二个 1 为子版本号

● 第三个 1 为阶段版本号

版本号定修改规则

● 主版本号(1)：当功能模块有较大的变动，比如增加多个模块或者整体架构发生变化。此版本号由项目决定是否修改。

● 子版本号(1)：当功能有一定的增加或变化，比如增加菜单、增加自定义视图等功能。此版本号由项目决定是否修改。

● 阶段版本号(1)：一般是 Bug 修复或是一些小的变动，要经常发布修订版，时间间隔不限，修复一个严重的 bug 即可发布一个修订版。此版本号由项目经理或架构师决定是否修改。

● 开发版本号(beta/alpha): 用于记录临时修改，每次临时修改都需要更改临时版本号。此版本号由前端开发人员维护。

如下版本： 0.0.7

2. 快速开始

2.1 安装

建议使用包管理器 pnpm 安装

# pnpm
$ pnpm install @dme/snack-ui

2.2 引入

• 完整引入

如果你对打包后的文件大小不是很在乎，那么使用完整导入会更方便。

// main.ts

// 引入组件库
import Snack from "@mbm/snack-ui";

// 使用
app.use(Snack);

这里会将组件库中的组件全局绑定，可以在 vue 文件中直接使用这些组件。

2.3 使用组件

2.4 使用页面