-
客服电话
-
APP下载
迪恩网络APP
随时随地掌握行业动态
-
官方微信
扫描二维码
关注迪恩网络微信公众号
客服电话
APP下载
迪恩网络APP
随时随地掌握行业动态
官方微信
扫描二维码
关注迪恩网络微信公众号
开源软件名称：pile.js开源软件地址：https://gitee.com/didiopensource/pile.js开源软件介绍：Pile |
| Component | Package | Author |
|---|---|---|
| Button | @pile-ui/button | miaocai |
| Icon | @pile-ui/icon | miaocai |
| Switch | @pile-ui/switch | xilixjd |
| Toast | @pile-ui/toast | susan |
| InputFiled | @pile-ui/inputFiled | hpfree |
| Alert | @pile-ui/alert | gaiazhang |
| Radio | @pile-ui/radio | abiaoGit |
npm i pile-ui@latest --save// import cssnpm i @pile-ui/theme-defaultimport component
// style1import {Button} from 'pile-ui'// single componentimport Button from '@pile-ui/button'import all css
import '@pile-ui/theme-default/lib/index.min.css'import single css
import '@pile-ui/theme-default/lib/button.min.css'We have several examples on the documentation. Here is the first one to get you started:
import * as React from 'react';import * as ReactDOM from 'react-dom';import { Button } from 'pile-ui'import '@pile-ui/theme-default/lib/index.min.css'class App extends Component { render() { return ( <Button>hello Pile</Button> ); }}ReactDOM.render(( <App/>), document.getElementById('container'));git clone git@github.com:didi/pile.js.gitcd pile.jsnpm installnpm startcreate new module
lerna create @pile-ui/xx packagescss build
cd packages/theme-defaultnpm run buildnpm run buildBuild single package by running the following:
npm run build -- --scope "@pile-ui/button"Build multiple packages where scope is a glob expression:
npm run build -- --scope "{@pile-ui/button,@pile-ui/icon}"Watch all filters (auto-rebuild upon src changes):
npm run watchWelcome to contribute by creating issues or sending pull requests. See Contributing Guide for guidelines.
pile is licensed under the Apache License 2.0. See the LICENSE file.
请发表评论