捆绑包

主要的 shiki 包入点通过动态导入捆绑了所有支持的主题和语言。大多数情况下，效率应该不成问题，因为语法只有在需要时才会被导入或下载。然而，当你将 shiki 捆绑到浏览器运行时或 Web Worker 中时，即使这些文件没有被导入，它们仍然会增加你的分发大小。我们提供了细粒度捆绑以帮助你根据需要逐个组合语言和主题。

方便起见，我们还提供了一些预制的捆绑包供你使用。

`shiki/bundle/full`

捆绑包大小: 6.4 MB (minified)，1.3 MB (gzip)，包含异步块

与 shiki 相同，这个捆绑包捆绑了所有的主题和语言。

`shiki/bundle/web`

捆绑包大小: 4.2 MB (minified)，748 KB (gzip)，包含异步块

这个捆绑包捆绑了所有的主题和一些常见的 Web 语言（例如 HTML，CSS，JS，TS，JSON 和 Markdown 等）以及一些框架语法（例如 Vue，JSX 和 Svelte 等）的支持。

该捆绑包中可以使用 shiki 的所有功能。

import {
  BundledLanguage
,
  BundledTheme
,
  codeToHtml
,
  getHighlighter

} from 'shiki/bundle/web' 

const highlighter
 = await getHighlighter
({
  langs
: ['html', 'css', 'js'],
  themes
: ['github-dark', 'github-light'],
})

捆绑包 ​

shiki/bundle/full ​

shiki/bundle/web ​

捆绑包

`shiki/bundle/full`

`shiki/bundle/web`