如何使用vite-plugin-pwa启用pwa

Question

我需要开什么处方才能使pwa生效？

当我做“分析页面加载”时，我会得到pwa是残疾的的信息。

vite.config.js

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { VitePWA } from 'vite-plugin-pwa'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    VitePWA({
      registerType: 'autoUpdate',
      injectRegister: 'auto',
    }),
  ],
})

Answer 1

你有机会跑到德夫吗？

如果要在dev中检查它，请将devOptions选项添加到插件配置中。

import { VitePWA } from 'vite-plugin-pwa'
export default defineConfig({
  plugins: [
    VitePWA({
      registerType: 'autoUpdate',
      devOptions: {
        enabled: true
      }
    })
  ]
})