Skip to content

MZ-FE/mz-weex-ui

 
 

Repository files navigation

MZ Weex Ui

Build Status npm NPM downloads NPM all downloads CNPM all downloads GitHub last commit GitHub closed issues Package Quality Join the chat at https://gitter.im/alibaba-weex-ui/chat

文档

安装

npm i mz-weex-ui@latest -S

使用前

为了不打包所有的组件,你需要使用 babel-plugin-component 来只引入需要的组件打包,同时如果没有安装 babel-preset-stage-0,也需一并安装。

npm i babel-preset-stage-0 babel-plugin-component  -D
{
    "presets": ["es2015", "stage-0"],
    "plugins": [
        [
            "component",
            {
                "libraryName": "mz-weex-ui",
                "libDir": "packages",
                "style": false
            }
        ]
    ]
}

调试

npm i
npm run start

一旦它编译完成后,将会自动打开一个浏览器,你可以将浏览器切换到开发者模式,这时候在 console 中你可以看到一个预览二维码,直接使用你的 Weex App 扫码就可以看到 Demo 效果。

本地发布并在隔壁项目直接调试

全局安装 yalc

npm i yalc -g

mz-weex-ui 项目目录发布

yalc publish 

在要进行调试的项目目录进行链接

yalc link mz-weex-ui

代码修改完成后,无须正式发布+安装,在 mz-weex-ui 目录执行

npm run async

TODO 自动监控修改并发布

协议

About

🏄 A rich interaction, lightweight, high performance UI library based on Weex.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Vue 87.1%
  • JavaScript 9.9%
  • HTML 3.0%