haml-coffee，HTML/Vue代码在线实时编辑、预览

<script src="https://uovol-resource.oss-cn-shenzhen.aliyuncs.com/js/coffee-script@1.12.7.js"></script>  <script src="https://uovol-resource.oss-cn-shenzhen.aliyuncs.com/js/hamlcoffee.js" type="application/javascript"></script>

            
                1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53

            
            const Compiler = require('./haml-coffee');
let hamlc = require("/hamlc.coffee");
let item = { title: 'Haml Coffee rocks!'}
let hamlStr = `

-8.times do
 %div
  %label
`
// console.log(exports);
const compiler = new Compiler();
compiler.parse(hamlStr);

let fn_pre = compiler.precompile()

console.log('fn_pre:', fn_pre)

let fn_str = CoffeeScript.compile(fn_pre, {
  bare: true
});

console.log('fn_str:', fn_str)

// let template = new Function(fn_str);
let template = new Function(`
var $o;

$o = [];
Number.prototype.times = function(fn) {
  var i, ref;
  if (this.valueOf()) {
    for (i = 1, ref = this.valueOf(); 1 <= ref ? i <= ref : i >= ref; 1 <= ref ? i++ : i--) {
      fn();
    }
  }
};


(8).times(() => $o.push("<div> <label></label> </div>"));

return $o.join("");
`);

console.log("template", template.toString())

let result = template()
console.log(result)
//////////////
tmpl = hamlc.compile(hamlStr)
html = tmpl()

// console.log(html)