基于 Vue 和 Webpack 构建的移动端UI组件库

官网	示例	作者

UI组件库从0到1开发心得

UI组件库从1到N开发心得-组件篇

UI组件库从1到N开发心得-单元测试篇

UI组件库从1到N开发心得-声明文件篇

npm install owl-ui -S

import 'owl-ui/lib/flexible' // Mobile adaptive solution import Vue from 'vue' import Owl from 'owl-ui' import 'owl-ui/lib/styles/owl-ui.css' Vue.use(Owl) 按需加载

import 'owl-ui/lib/flexible' import Vue from 'vue' import Button from 'owl-ui/lib/button/button.js' import 'owl-ui/lib/button/button.css' Vue.use(Button) 开发

git clone git@github.com:dengwb1991/owl-ui.git cd owl-ui npm install npm run dev # 启动文档开发 npm run docs 命令介绍

npm run dev #启动组件开发 npm run docs #启动文档开发 npm run prod #组件构建 npm run build #整体构建 npm run build:style #样式构建 npm run build:icon #svg转化为iconfont npm run build:docs #文档构建 npm run build:example #示例构建 npm run build:component #按需组件构建 npm run lint #eslint测试 npm run unit #组件单元测试 npm run test #eslint测试 & 组件单元测试