Home

Awesome

cubeex

项目地址

cubeex logo

cubeex是基于vue2.0开发的组件库，将包含一套完整的移动UI。这也是魔方元科技开源的首个H5相关的项目, 这里有一群对前端技术狂热的追求者, 如果你对我们的研发感兴趣，欢迎fork。

PS: cubeex目前在持续更新中，组件将逐步完善，旨在创建一套完善的基于vue2.0的移动端组件库。

webpack配置<br> cubeex项目开发、打包的webpack配置没有基于vue-cli， 配置清晰简单, 可以作为webpack学习的教程。

  1. package.json 定义项目依赖模块 以及 定义开启服务器和打包命令
  2. helpers.js 获取入口文件和html文件
  3. webpack.base.config.js 定义webpack基础配置
  4. webpack.dev.config.js 定义webpack开发配置
  5. webpack.prod.config.js 定义webpack生产配置

目前包含的组件<br>

pull-up-refresh(上拉刷新/下拉加载 基于iscroll4)<br> pull-up-refresh(上拉刷新/下拉加载 基于xscroll)<br> pull-up-refresh(上拉刷新/下拉加载 使用原生滚动实现)<br> swiper(无缝切换)<br> addressBook(通讯录)<br> previewer(图片预览)<br> qrcode(生成二维码)<br> radio（单选框）<br> checkbox（复选框）<br> select-drop(下拉框-下拉)<br> select-scroll(下拉框-滚动)<br> area-scroll(地区联动-滚动)<br> datetime-scroll(日期筛选-滚动)<br> dialog(弹窗)<br> marquee((公告轮播&跑马灯))<br> qq(qq在线客服)<br> countdown(倒计时)<br> uploadImg((上传图片))<br> range((滑动条))<br> drag-sort((拖拽排序))<br>

使用方式：<br>

  1. 执行cnpm install webpack-dev-server -g 全局安装webpack-dev-server
  2. 根目录下执行 cnpm install 安装项目依赖模块<br>
  3. 执行 npm run dev<br>
  4. 浏览器访问http://localhost:3001<br>
  5. npm run build打包