Vite-pwa-nuxt · Nuxtモジュール

@vite-pwa/nuxt - Zero-config PWA for Nuxt 3
Nuxt 3用ゼロコンフィグPWAプラグイン

🚀 機能

📖 ドキュメントとガイド
👌 ゼロコンフィグ: 一般的なユースケースに対応する、賢明なデフォルト設定が組み込まれています
🔩 拡張可能: プラグインの動作をカスタマイズするための完全な機能を提供します
🦾 タイプセーフ: TypeScriptで記述されています
🔌 オフラインサポート: オフラインサポート付きのサービスワーカーを生成します (Workbox経由)
⚡ 完全にツリーシェイク可能: Web App Manifestを自動的に挿入します
💬 新しいコンテンツのプロンプト: Vanilla JavaScript、Vue 3、React、Svelte、SolidJS、Preactの組み込みサポート
⚙️ Stale-while-revalidate: 新しいコンテンツが利用可能になったら自動的にリロードします
✨ 静的アセットの処理: オフラインサポート用の静的アセットを設定します
🐞 開発サポート: アプリケーションの開発中にカスタムサービスワーカーロジックをデバッグできます
🛠️ 多用途: メタフレームワークとの統合: îles、SvelteKit、VitePress、Astro、Nuxt 3、Remix
💥 PWAアセットジェネレーター: 単一のコマンドと単一のソース画像からすべてのPWAアセットを生成します
🚀 PWAアセットの統合: アプリケーションでPWAアセットをオンザフライで提供、生成、挿入します

📦 インストール

v0.4.0以降、@vite-pwa/nuxt はVite 5とNuxt 3.9.0+が必要です。

古いバージョンでは、@vite-pwa/nuxt はVite 3.2.0+とNuxt 3.0.0+が必要です。

npx nuxi@latest module add @vite-pwa/nuxt

🦄 使い方

@vite-pwa/nuxt モジュールを nuxt.config.ts に追加して設定します

// nuxt.config.ts
import { defineNuxtConfig } from 'nuxt/config'

export default defineNuxtConfig({
  modules: [
    '@vite-pwa/nuxt'
  ],
  pwa: {
    /* PWA options */
  }
})