beehive-ui

运行打包Example

 
# 安装依赖 
 
npm install
 
# 本地运行 
 
npm run dev
 
# 打包 
 
npm run build
 

打包组件&样式

 
# 打包组件 
 
npm run build:component
 
# 打包CSS 
 
npm run build:style
 

发布到npm

 
# 登录npm 
 
npm login
 
# 发布组件到npm 
# 需要修改package.json version属性值 
 
npm publish
 
# 更新本地ui库依赖 
 
npm update beehive-ui --force
 

unpkg是一个内容源自npm的公用CDN

unpkg js路径： https://unpkg.com/beehive-ui/dist/beehive-ui.js

unpkg css路径： https://unpkg.com/beehive-ui/dist/styles/beehive-ui.css

目录结构

+-- build
+-- config
+-- dist                              UI组件打包目录
+-- examples                          UI组件demo测试
|   +-- assets                        demo图片样式存放目录
|   +-- components                    demo页面结构路由-不需要修改
|   +-- docs                          对应组件demo
|   +-- router                        demo页面路由
|   +-- sider.config.json             路由数据文件
+-- node_modules
+-- src                               组件根目录
|   +-- components                    组件源码
|   |   +-- icon                      icon组件
|   |   +-- input                     input组件
|   |   +-- page                      page组件
|   |   +-- switch                    switch组件
|   |   +-- table                     table组件
|   +-- styles                        组件样式
|   |   +-- components                组件样式
|   |   |   +-- input.scss
|   |   |   +-- page.scss
|   |   +-- fonts                     组件字体
|   |   +-- mixins                    组件样式封装模块
|   |   |   +-- mixins.scss
|   |   +-- common                    组件样式封装模块
|   |   |   +-- var.scss              组件样式变量
|   |   +-- index.scss                组件样式入口
|   +-- utils                         组件公用工具类
|   |   +-- assist.js
|   +-- index.js                      组件源码入口

npm打包上传报错处理方法

• no_perms only allow publish with @iqiyi scope(s): beehive-ui

  报错原因：npm不对

  查看镜像: npm config get registry 查看registry默认 http://npm.qiyi.domain:7001/

  解决方法：npm config set registry http://registry.npmjs.org/