dinamicx-xml-loader

作为 Webpack loader，用于加载 DinamicX xml 模板

安装依赖

tnpm install --save-dev dinamicx-xml-loader

配置方法

// webpack.config.js
{
    ...,
    module: {
        rules: [
            {
                test: /\.xml$/i,
                use: 'dinamicx-xml-loader',
            },
        ]
    }
    ...,

使用方法

import * as Dinamic from '@ali/dinamic';
import React from 'react';
 
// 通过 dinamicx-xml-loader，将 xml 数据转化为 dx 组件需要的 tpl 格式属性
import tpl from './template.xml';
 
const { Template } = Dinamic;
 
const data = {
  fields: {
    picUrl:
      'https://img.alicdn.com/tfs/TB1bEG8qFY7gK0jSZKzXXaikpXa-180-180.png',
    price: '￥79.00',
    title: '潮牌彪马外套男puma春秋季宽松薄款运动帽衫女海外版',
    skuInfo: 'S码；黑色款',
    tags: ['破损包退', '72小时发货', '7天退换'],
  },
  id: 'itemInfo_1',
  tag: 'itemInfo',
  type: 'biz',
};
 
class ItemInfo extends Dinamic.Component {
  render() {
    return <Template tpl={tpl} data={data} />;
  }
}
 
export default ItemInfo;