Skip to content

打包 highlight.js 支持全语言的版本

🏷️ Highlight.js

https://highlightjs.org/download 可以自定义 highlightjs 支持的语言,但是如果要打包一个支持全部语言的版本,从这个页面打包貌似出了问题,下载下来的文件非常小。

官方文档提供了从源代码打包的方式[1],具体步骤如下:

  1. 下载代码

    bash
    git clone https://github.com/highlightjs/highlight.js.git
  2. 安装依赖

    bash
    npm install
  3. 打包

    当前版本的代码貌似需要的 Node.js 比较高,虽然 README 上说是 Node.js >= 12.x ,但是我使用 14.19.0 时打包报错了,最后使用的是 18.17.1 版。

    仅打包常用的语言:

    bash
    node tools/build.js -t browser :common

    这里也可以使用 npm 命令打包:

    bash
    npm run build-browser

    打包所有的语言:

    bash
    node tools/build.js -t browser

    由于包含所有语言,打包的结果比较大,我这边 highlight.min.js 约为 978kb。

    打包结果在 build 目录下:

    plaintext
    ├─demo
    │  └─styles
    │      └─base16
    ├─docs
    ├─highlight.js
    └─highlight.min.js

    除了 js 文件外,主题样式文件存放在 \demo\styles\ 目录下,根据需要使用即可。


  1. https://highlightjs.readthedocs.io/en/latest/building-testing.html#building ↩︎