rml-loader

rml-loader

webpack loader for rml(react markup language)

usage

module: {
  loaders: [
    {
      test: /\.rml$/,
      loaders: ['babel','rml-loader?allowImportComponent']
    },
  ],
},

see index.js webpack.config.js index.html inside tests dir.

preview

index.js

import render from './index.rml';

const Page = React.createClass({
  getInitialState() {
    return {
      items: [
        {
          title: 'item1',
        },
        {
          title: 'item2'
        },
      ],
    };
  },
  render() {
    return render.call(this, this.state);
  },
});

index.rml

<import src="./item.rml" />
<div>
    <div r:for="{{items}}" r:key="title">
        <p>index: {{index}}</p>
        <template is="item" data="{{...item}}" />
    </div>
</div>

item.rml

<template name="item">
    <div>
        <p>title: {{title}}</p>
    </div>
</template>