weex weex-ui的使用

https://github.com/alibaba/weex-ui
重点需要: "style": false
安装前建议你的node版本是 >= 8.0, 推荐使用 n 来进行版本管理,同时建议 npm 版本 >= 5

node -v
v8.2.1
npm --version
5.3.0

确保weex-toolkit为新版本

npm install -g weex-toolkit@latest

创建项目

weex create your_project

cd到your_project的根目录,安装weex-ui

npm i weex-ui@latest -S

同样,在项目根目录下,安装babel-preset-stage-0 和 babel-plugin-component 插件,前者用于babel编译,后者用于优化 weex-ui 包的组件引用

npm i babel-plugin-component babel-preset-stage-0 -D

修改项目下的.babelrc文件如下

{
  "presets": ["es2015", "stage-0"],
  "plugins": [
    [
      "component",
      {
        "libraryName": "weex-ui",
        "libDir": "packages",
        "style": false
      }
    ]
  ]
}

OK,可以开始使用weex-ui了,使用方法参考https://alibaba.github.io/weex-ui/#/cn/

作者:jiabin87428
链接:https://www.jianshu.com/p/d97a58345cdf
來源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,167评论 25 709
  • 一.榜单介绍 排行榜包括四大类: 单一框架:仅提供路由、网络层、UI层、通信层或其他单一功能的框架 混合开发框架:...
    伟子男阅读 5,276评论 0 161
  • 已经不知道第几次看完了十季《老友记》,每此都为结局动容,Ross终于放下所谓的自尊,表白真心,Rachel也终于收...
    笃学青衿阅读 519评论 1 1
  • 是什么让我义无反顾的闯 是什么遮盖了你目送的光 是什么让我百感交集的伤 是我自负的以为如你所想 是我离开的脚步太过...
    巴东牧心阅读 265评论 0 1
  • 似水流年,就这样匆匆走过;忆曾经嬉笑容颜,已不复重现。敢问,你可知流年数载,我们可这样座谈言笑,有几年? 秋,总是...
    温柔美丽聪明可爱de小影zi阅读 356评论 3 1