1.2.2 • Published 5 years ago
lwui v1.2.2
lwui
基于 antd-mobile 第二次封装的移动端的 ui 库,并定制自己的 ui 组件
Installation
npm install lwui --save
or
yarn add lwui
Usage
import { Button } from 'lwui'
const ButtonExample = () => <Button>default</Button>
ReactDOM.render(<ButtonExample />, mountNode)
如何创建一个 dva 的项目并引入 lwui(推荐使用 dva)
安装 dva-cli
npm install dva-cli -g
创建新应用
dva new dva-quickstart
安装 lwui 库
npm install lwui --save
cd 进入 dva-quickstart 目录,并启动开发服务器
cd dva-quickstart
npm start
在浏览器里打开 http://localhost:8000
特殊注意
强烈推荐使用 babel-plugin-import 引入样式
npm install babel-plugin-import --save-dev
.babelrc or babel-loader option
{
"plugins": [
["import", { "libraryName": "antd-mobile", "style": "css" }] // `style: true` 会加载 less 文件
]
}
.webpackrc
{
"extraBabelPlugins": [
[
"import",
{
"libraryName": "antd-mobile",
"style": true
}
]
]
}
License
ISC