HomeLogo

@mr-hope/vuepress-plugin-pwa

一个强大的 PWA 插件

快速上手 💡 配置 🛠

渐进式网页应用 (Progressive Web App) 支持。

# 使用插件

# 安装

npm i -D @mr-hope/vuepress-plugin-pwa
1

yarn add -D @mr-hope/vuepress-plugin-pwa
1

# 使用

const { head } = require("@mr-hope/vuepress-plugin-pwa");

const pwaOptions = {
  // 你的选项
};

// .vuepress/config.js
module.exports = {
  head: head(pwaOptions, [
    /*
     * 你原始的 head 数组
     * 如果你原来没有配置,可以忽略此参数
     */
  ]),
  plugins: [["@mr-hope/pwa", pwaOptions]],
};
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

提示

你需要使用 head 函数的原因是插件不能在输出 HTML 中插入 head 标签。

该函数会将一些与 PWA 相关的标签注入到输出站点 HTML 文件的 <head> 部分。