原生js：
a. head.jsx：function head(){var head = document.createElement('div')head.setAttribute('class','head')head.innerHTML = "head"return head}module.exports = headb. table.jsx：
function table(){var table = document.createElement('table')table.setAttribute('class','table')var thead = document.createElement('thead')var tbody = document.createElement('tbody')var tdh = document.createElement('td')var tdb = document.createElement('td')var tnh = document.createTextNode('title')var tnb = document.createTextNode('body')tdh.appendChild(tnh)tdb.appendChild(tnb)thead.appendChild(tdh)tbody.appendChild(tdb)table.appendChild(thead)table.appendChild(tbody)return table}module.exports = tablec. foot.jsx：
function foot(){var foot = document.createElement('div')foot.setAttribute('class','foot')foot.innerHTML = "foot"return foot}module.exports = footd. test.less：
.color(@color;@background){color:@color;background:@background;}.table(){border-collapse:collapse;border:1px solid black;padding:1vh 1vw;}.head{.color(red,yellow);}.table{.table();}.foot{.color(white,black);}e. index.js：
var head = require('./static/jsx/head.jsx')var table = require('./static/jsx/table.jsx')var foot = require('./static/jsx/foot.jsx')require('./static/less/test.less')document.body.appendChild(head())document.body.appendChild(table())document.body.appendChild(foot())f. index.html：
hello g. 效果：
react：
a. head.jsx：var React = require('react')var CreateReactClass = require('create-react-class')var head = CreateReactClass({render:function(){ return( head )}})module.exports = headb. table.jsx：
var React = require('react')var CreateReactClass = require('create-react-class')var table = CreateReactClass({render:function(){ return(head body )}})module.exports = tablec. foot.jsx：
var React = require('react')var CreateReactClass = require('create-react-class')var foot = CreateReactClass({render:function(){ return( foot )}})module.exports = footd. test.less：
.color(@color;@background){color:@color;background:@background;}.table(){border-collapse:collapse;border:1px solid black;padding:1vh 1vw;}.head{.color(red,yellow);}.table{.table();}.foot{.color(white,black);}e. index.js：
var React = require('react')var ReactDom = require('react-dom')var CreateReactClass = require('create-react-class')var Head = require('./static/jsx/head.jsx')var Table = require('./static/jsx/table.jsx')var Foot = require('./static/jsx/foot.jsx')require('./static/less/test.less')var App = CreateReactClass({render:function(){ return()}})ReactDom.render( , document.getElementById('app')) f. index.html：
hello g. 效果：
