组件配置

组件的配置以json对象的格式配置在.cml文件中,结构如下:

<script cml-type="json">
{
  "base":{
    "usingComponents": {
      "navi": "/components/navi/navi",
      "c-cell": "/components/c-cell/c-cell",
      "c-list": "/components/c-list/c-list",
      "navi-npm": "cml-test-ui/navi/navi"
    }
  },
  "wx": {
  },
  "alipay": {
  },
  "baidu": {
  },
  "web": {
  },
  "weex": {
  }
}
</script>
  • base 对象为各端共用的配置对象。
  • wx、web、weex分别对应三端特有的配置对象,base的配置会应用到每一端的配置,内部做的merge。
  • usingComponents字段是目前最重要的配置,各端都会使用,小程序规定页面的json文件中配置使用到的组件。web和weex端的构建时也是根据该字段去找到相应的组件进行自动化的注册。所以用到组件必须进行配置
  • usingComponents中组件的引用地址。
    • 支持引用src和node_modules下的组件,地址禁止包含后缀扩展名
      • src下可以写相对路径,也可以写相对于src的绝对路径,例如/components/**,
      • node_modules下的组件,不需要写node_modules,直接从npm的包名称开始写例如cml-test-ui/navi/navi
    • 引用的组件类型支持:
  • 小程序端所需要的一些配置,写在各自的特有配置对象中

results matching ""

    No results matching ""