dinamicx-xml-loader
v0.1.1
Published
webpack loader DinamicX-xml-loader
Downloads
4
Readme
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;