引入客户端

大约 2 分钟...

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

通过 CDN

推荐使用 unpkgopen in new window

指定版本

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

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

通过 NPM

安装

Waline 客户端已通过 @waline/client 发布到 npmopen in new window,你可以通过以下命令安装:

引入

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 格式

使用

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

友情提示:评论区仅作评论展示,如有问题咨询请去 Github Discussion 中提问。

你认为这篇文章怎么样?

  • 0
  • 0
  • 0
  • 0
  • 0
  • 0
评论
  • 按正序
  • 按倒序
  • 按热度
Powered by Waline v2.12.0