引入客户端

Waline 提供多种版本的客户端文件。你可以通过多种方式引入 Waline。

通过 CDN

推荐使用 unpkg。

指定版本

对于 CDN 链接来说，不指定版本号时为最新版本，所以如果你需要指定特定版本，你需要在 @waline/client 后以 @version 的格式指定一个版本号。

<!-- 你需要自行修改替换 `v2` 为你想要的版本号 -->
<script src="https://unpkg.com/@waline/client@v2/dist/waline.js"></script>

通过 NPM

安装

Waline 客户端已通过 @waline/client 发布到 npm，你可以通过以下命令安装:

引入

Waline 提供多个版本的文件:

• dist/waline.js: 完整版本，UMD 格式

  此文件为 CDN 引入 @waline/client 的默认文件，53 KB Gzip 大小

• dist/shim.mjs: 不含依赖捆绑的完整版本， ES Module 格式

  此文件为 import 引入 @waline/client 的默认文件, 19.39 KB Gzip 大小

• dist/shim.cjs: 不含依赖捆绑的完整版本，Common JS 格式

  此文件为 require 引入 @waline/client 的默认文件，19.59 KB Gzip 大小

• dist/waline.css: Waline CSS 样式

• dist/waline-meta.css: Waline Meta 图标 CSS

• dist/component.mjs: Waline 的 Vue 组件，ES Module 格式，不含依赖捆绑

  此文件用于在 Vue 项目中以组件模式使用 Waline 评论, 18.28 KB Gzip 大小

• dist/comment.js: Waline 的评论数模块，UMD 格式， < 1KB Gzip 大小

  此文件用于 CDN 引入，用于仅需页面评论数的情况

• dist/pageview.js: Waline 的浏览量模块，UMD 格式， < 1KB Gzip 大小

  此文件用于 CDN 引入，用于仅需页面浏览量的情况

其他格式文件:

• dist/waline.cjs: dist/waline.js 文件的 Common JS 格式

• dist/waline.mjs: dist/waline.js 文件的 ES Module 格式

• dist/comment.cjs: dist/comment.js 文件的 Common JS 格式

• dist/comment.mjs: dist/comment.js 文件的 ES Module 格式

• dist/pageview.cjs: dist/pageview.js 文件的 Common JS 格式

• dist/pageview.mjs: dist/pageview.js 文件的 ES Module 格式

使用

你可以通过多种形式导入需要的文件并使用，以下是一个示例。