⚔️ QUEST · 冒险篇章

dee-ui：Vue 2 业务组件库搭建与 npm 发布

1773阅读

前端开发项目介绍Vuenpm更新于 2026-06-20 18:05:50

RPG 阅读此文可推进冒险任务 · 点赞、收藏、打赏均可获得经验

一句话：组件库 = packages 放组件 + examples 本地调试 + lib 打包发 npm。

项目定位

dee-ui 是基于 vue-cli + Element UI 的业务组件库，支持按 Excel 字段生成 JSON，再套模板渲染大型问卷表单。

复制代码

dee-ui/
├── packages/     # 各组件源码，单组件 export install
├── examples/     # 开发调试，直接 import packages
└── lib/          # npm run lib 产出

单组件安装写法：

javascript 复制代码

import LongText from './src/main';
LongText.install = function (Vue) {
  Vue.component(LongText.name, LongText);
};
export default LongText;

bash 复制代码

npm run lib          # 打包
npm login            # 首次
npm version patch    # minor / major
npm publish

javascript 复制代码

import Vue from 'vue';
import DeeUI from 'dee-ui';
import 'dee-ui/lib/dee-ui.css';
Vue.use(DeeUI);