多项工具包
使用技术栈 pnpm包管理器
#初始化
pnpm i
#当private是true时命令后加入-w
pnpm add <pkg> -w
# 内置引入方式
# -r 左侧是要导入的包 右侧是导入到的包 -r from left to right
pnpm i @duhu/emitter -r --filter @duhu/utils
# 更新指定包npm
pnpm i -r --filter @duhu/utils
# 导入外部包到指定packages中的包
pnpm i axios -r --filter @duhu/request
生成模式
# packages下每个包生成自身对应的dist打包文件 & 根目录下生成dist包
npm run build 全部打包
npm run build 指定*package* 打包对应的package 使用空格隔开即可
开发模式
# 根目录下生成temp文件包
npm run dev
内容介绍
packages
-core // 核心工具、主要包含数据校验、数据转义、web-api封装、帧数、格式装换、worker以及service-worker处理等等
-element // 以dom操作为主、主要包含dom的增删改查、canvas操作、事件监听、拖拽、css拼接、全局css处理、图片、视频等媒体文件操作、虚拟列表、逻辑分页工具
-network // 网络操作、目标是整合fetch封装、websocket封装、webRTC封装、静态资源加载等
-storage // 内存管理 indexdb封装、sessionStorage/localStorage封装、cookie封装
-external // 外部工具封装 包括qrcode.js使用、three.js使用、jwt-decode.js使用、axios使用
-utils // 公共工具方法 如浏览器环境、值类型判断