除了yocto外,我还想安装别的组件,怎么办?下面以
anima-toast组件为例来介绍
我们首先进入到项目中,运行amb install来安装anima-toast组件的最新稳定版本:
$ amb install anima-toast --save
其中的--save参数,意味着安装的组件依赖信息会自动保存到package.json的dependencies字段内。
在安装完毕后,你会发现spm_modules目录中出现了anima-toast目录(以及其它几个目录)。对,这代表了toast组件以及这个组件的依赖都已经自动安装完毕了。
接着,我们只要在业务代码中通过require('anima-toast')的方式就可以来引用这个组件了。
需要更多的组件?点击这里 或者直接到 http://spmjs.io 搜索关键字"
anima"查询。所有组件都可以直接用amb install的方式安装。截至目前为止,仓库中已经有80+个Anima组件了。
如果需要钱包的样式怎么办?打开项目目录中的index.html,挂载Anima UI样式:
<link rel="stylesheet" type="text/css" href="https://a.alipayobjects.com/anima/dpl/1.2.2/amui.css" media="all">
觉得整个库引进去太大了?那么你可以依然以amb的方式安装样式:
$ amb install anima-ui --save
安装后,可以直接在业务JS中通过require('anima-ui')来引用全部CSS样式,也可以通过require('anima-ui/build/util/flexbox.css')来引用其中的某一个样式子模块。
在CSS中可以通过@import 'anima-ui/build/util/flexbox.css';方式来引用同样的样式。
注意:在JS中通过
require方式引入CSS之后,构建时候会自动安装import-style工具来加载CSS 。对于Anima UI库的详细说明,以及最新版本信息,请点击这里查看。