可以与 Browserify 一起使用的代码突出显示 js?

Code highlighting js that would work with Browserify?

我正在寻找一个支持主要编码语言(sass/scss 也)并且可以很好地与 Browserify 一起工作的代码荧光笔。

目前我正在使用 prismjs,它工作得很好(作为荧光笔),但我似乎无法让它与 Browserify 一起工作。最近,我开始使用 Browserify(这很棒)并且可以很好地处理所有脚本和模块,除了荧光笔(我需要)。

是否有一个很好的代码高亮器,可以流畅地与 Browserify 一起工作而无需大量黑客攻击? :)

提前致谢。

highlight.js is another popular choice that boasts Node compatibility as a selling-point. But I think Prism 在视觉上和文件大小方面都更好。

仍然可以在 Browserify 中使用 Prism,只是不能作为我们可以直接要求的 NPM 模块。下载脚本并将其保存在与主 JS 文件相关的位置:

javascript/
├── vendor/
├── └── prism.js
└── main.js

然后 require 从你的入口点 JS 文件(main.js 上面)没有变量赋值:

// Pretty code! :D
require('./vendor/prism');

如果您设置了 Browserify 的 paths 选项,您可能不需要该文件路径中的前导 ./

Prismjs 现在可以与 browserify 无缝协作。

const Prism = require('prismjs');
Prism.highlightAll();

这基本上与使用脚本标签版本相同。