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

Question

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

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

是否有一个很好的代码荧光笔可以流畅地与 Browserify 一起使用而无需进行重大黑客攻击？:)

提前致谢。

score 2 · Accepted Answer

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

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

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

score 0 · Accepted Answer

highlight.js是另一个流行的选择，它以 Node 兼容性为卖点。但我认为Prism更好，无论是在视觉上还是在文件大小方面。

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

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

然后require它从你的入口点 JS 文件（main.js上面）没有变量分配：

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

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

2 回答 2