0.3.0 • Published 7 years ago
rml-loader v0.3.0
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>