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

Question

我正在寻找能够支持主要编码语言的代码荧光笔（sass / scss），并且可以很好地使用Browserify。

目前我正在使用Deserialize JSON into C# dynamic object?，它的效果很好（作为荧光笔），但我似乎无法使用Browserify。最近，我开始使用Browserify（非常棒）并且可以正常使用所有脚本和模块，除了荧光笔（我需要）。

是否有一个好的代码荧光笔可以在没有重大黑客的情况下使用Browserify流畅地工作？ :)

提前致谢。

Answer 1

Prismjs现在与browserify无缝协作。

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

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

Answer 2

highlight.js是另一个受欢迎的选择，它将节点兼容性作为卖点。但我认为Prism在视觉上和文件大小方面都更好。

它仍然可以在Browserify中使用Prism，而不是我们可以直接要求的NPM模块。下载脚本并将其保存在相对于主JS文件的某处：

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

然后require来自你的入口点JS文件（上面main.js），没有变量赋值：

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

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