babeljs - Babel & JSX 浏览器代码高亮

Question

我使用https://highlightjs.org/作为浏览器内（以及静态网站生成器）来突出显示博客和网站的代码片段。我几乎可以肯定它不处理 ES6、ES7、JSX 和 Flow。

我怎样才能更好地突出显示这些新添加的 javascript？

请指教。谢谢 ：）

Answer 1

使用 highlight.js，您可以注册语言。

<script src="/js/highlight.js" type="text/javascript"></script>
<script src="/js/highlight-js.js" type="text/javascript"></script>
<script src="/js/highlight-xml.js" type="text/javascript"></script>
<script>
  hljs.registerLanguage('js', H_js);
  hljs.registerLanguage('xml', H_xml);
  hljs.initHighlightingOnLoad();
</script>

这是 ES6/React 的一个很好的 hightlight-js.js。