Code Monkey home page Code Monkey logo

bui's Introduction

bui Build Status

基于jQuery的富客户端控件库

文件结构

bui
├── src               // assets源文件夹
│   └── config.js     // bui的入口文件
├── assets            // 静态assets的目录
│   └── less          // less文件的目录
├── docs              // 源文件中未提供,但是可以自己执行 tools/jsduck/run.bat文件,请不要提交此文件夹
├── build             // 打包后最终文件的目录
│   │   ├── default   // 默认样式
│   │   └── bs3       // 基于bootstrap3重新编译的样式库
├── tools             // 工具类文件目录
│   │   └── jsduck    // jsduck的配置和执行文件目录
├── package.json      // bui的配置文件
└── README.md         // 说明文档

添加组件

  1. 打开package.json

  2. 找到下面这个节点

    "spm": {
      "dependencies": {
        "bui-common": "1.1.0"
      }
    }
    
  3. 在里面添加你的包名和版本号,如

    "spm": {
      "dependencies": {
        "bui-common": "1.1.0",
        "bui-new": "1.0.1"       //添加一个新的组件
      }
    }
    
  4. 执行gulp命令进行项目打包

查看如何开发一个组件

打包

项目打包:

gulp
  • 获取bui的组件
  • 合并js,压缩js
  • 编译less生成 css,压缩css
  • 将常用的js合并成一个bui.js

生成文档:

  • 使用jsduck 进行编译文档,tools/jsduck/run.bat
  • 配置文件在tools/jsduck/config.json
  • 如果不想配置环境,请下载文档API

文档地址

提交问题

提问

联系我们

bui's People

Contributors

zengyue avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.