cherry-doc/.history/src/lib/md-loader_20170420224557.js

const marked = require('./marked');
const babel = require('babel-core');
const renderer = new marked.Renderer();

let res = '';

const id = 'comp' + Math.random();

const oldCode = renderer.code;

function escape(html, encode) {
  return html
    .replace(!encode ? /&(?!#?\w+;)/g : /&/g, '&')
    .replace(/</g, '&lt;')
    .replace(/>/g, '&gt;')
    .replace(/"/g, '&quot;')
    .replace(/'/g, '&#39;');
}

function unescape(html) {
	// explicitly match decimal, hex, and named HTML entities 
  return html.replace(/&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/g, function(_, n) {
    n = n.toLowerCase();
    if (n === 'colon') return ':';
    if (n.charAt(0) === '#') {
      return n.charAt(1) === 'x'
        ? String.fromCharCode(parseInt(n.substring(2), 16))
        : String.fromCharCode(+n.substring(1));
    }
    return '';
  });
}

renderer.code = (code, lang, escaped) => {
    res = code;
    // console.log(babel.transform(code, {
    //     plugins: ["transform-react-jsx"]
    // }));
    // const comp = babel.transform(code, {
    //     plugins: ["transform-react-jsx"]
    // });

    // eval(comp);
    

    return `
        <div>
            <div id=${id}></div>
            ${escape(code)}
        </div>`;
}

function process(source) {
    source = marked(source, {renderer: renderer});
    const res = JSON.stringify(source);
    return res;
}


module.exports = function(source, map){
    this.cacheable && this.cacheable();
    //对source进行解析
    var md = process(source);
    res += `\n export const md=${md}; \n export const id="${id}"`
    console.log('----------------')
    console.log(res);
    console.log('--------------')

    this.callback(null, res, map);
    // return "module.exports = " + '{}';
}