组件配置

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

  1. <script cml-type="json">
  2. {
  3.   "base":{
  4.     "usingComponents": {
  5.       "navi": "/components/navi/navi",
  6.       "c-cell": "/components/c-cell/c-cell",
  7.       "c-list": "/components/c-list/c-list",
  8.       "navi-npm": "cml-test-ui/navi/navi"
  9.     }
  10.   },
  11.   "wx": {
  12.   },
  13.   "alipay": {
  14.   },
  15.   "baidu": {
  16.   },
  17.   "web": {
  18.   },
  19.   "weex": {
  20.   }
  21. }
  22. </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。
    • 引用的组件类型支持：
  • 小程序端所需要的一些配置，写在各自的特有配置对象中