拓源前端uniapp组件库

环境

node >= 18.20.4 pnpm >=8 HBuilderX 4.29

主要目录

• components/ty-uniapp 组件目录，新增组件时，请将组件名以 ty- 规则开头，如 ty-button/ty-button.vue
• pages 预览页面目录，开发时在此处增加页面预览组件效果

使用

组件库采用 easycom 组件规范，不需要再执行引入操作即可使用。安装组件库后，在 pages.json 中配置 easycom 规则即可（配置完成后需重新编译运行）。

"easycom": {
  "autoscan": true,
  "custom": {
    "ty-(.*)": "@tuoyuan/uniapp/ty-$1/ty-$1.vue"
  }
}

开发

• 使用 pnpm i 安装依赖。
• 预览（H5）： pnpm run dev。
• 预览（MP-WEIXIN）： pnpm run dev:mp-weixin。
• 打包（H5）： pnpm run build。
• 打包（MP-WEIXIN）： pnpm run build:mp-weixin。
• 发布组件库：执行 pnpm run publish 发布组件库。

页面

默认 src/pages 里面的 vue 文件都会生成一个页面，如果不需要生成页面可以对 vite.config.ts 中的 UniPages 进行 exclude 配置。

技术栈

uniapp + Vue3 + Ts + Vite + UnoCss + VSCode

使用图标库

carbon

使用

• 手动修改 pages.json 将会被覆盖!请在 pages.config.ts 里面配置，页面的东西请在 vue 文件的 route-block 配置。
• 手动修改 manifest.json将会被覆盖!如需修改，请在 manifest.config.ts 里面修改。

链接

• Git