gitone-ui

下载组件

npm install gitone-ui --registry=http://192.168.100.228:60081

使用组件

• vue2 项目中使用组件

main.js 中:

import { BasicTable... } from 'gitone-ui/dist/vue2'
import 'gitone-ui/dist/vue2/index.css'

Vue.component('BasicTable', BasicTable)

• vue3 项目中使用组件

main.js 中:

import { BasicTable... } from 'gitone-ui/dist/vue3'
import 'gitone-ui/dist/vue3/index.css'

app.component('BasicTable', BasicTable)

项目打包

yarn run build 或 npm run build

项目发布

• 注: 每次打包发布前都需要修改 package.json 中的版本号

npm publish --registry=http://192.168.100.228:60081 --message "发布信息...."

项目本地调试

• 例: 本地环境测试

1、npm link : 构建全局link

# 切换到引入此组件的项目
npm uninstall gitone-ui

# 修改package.json gitone-ui 组件包地址 file:../../gitone-components/packages/vue2
2、npm run build

3、npm link 此组件名称(gitone-ui)

# 修改代码 需要重新打包 热更新
4、npm run build

注意事项

组件项目说明

gitone-components
├─ packages/
│  ├─ vue2/                 # Vue2组件
│  │  ├─ src/               # 组件源码
│  │  │  ├─ api             # api文件
│  │  │  ├─ assets          # 静态资源
│  │  │  ├─ components/     # 组件文件
│  │  │  └─ index.js        # Vue2专用入口
│  │  ├─ vite.config.js     # vue2构建配置
│  │  └─ package.json       # vue2配置
│  ├─ vue3/                 # Vue3组件
│  │  ├─ src/               # 组件源码
│  │  │  ├─ api             # api文件
│  │  │  ├─ assets          # 静态资源
│  │  │  ├─ components/     # 组件文件
│  │  │  └─ index.js        # Vue3专用入口
│  │  ├─ vite.config.js     # vue3构建配置
│  │  └─ package.json       # vue2配置
├─ dist/                    # 构建输出目录
│  ├─ vue2/                 # Vue2构建结果
│  └─ vue3/                 # Vue3构建结果
├─ package.json             # 主包配置
└─ vite.config.js           # 统一构建配置