Nuxt スクリプト
Nuxtアプリでのサードパーティスクリプトのプライバシー、パフォーマンス、およびDXを向上させます。
!重要 Nuxt Scriptsはベータ版です。一部のAPIが変更される可能性があるため、注意して使用してください。
機能
- 🪨 Unheadの上に構築
- 🎁 20以上のサードパーティ製スクリプト連携と、きめ細かいパフォーマンス最適化
- 🏎️ パフォーマンス：自己ホスティング、高度なスクリプト読み込みトリガー、ベストプラクティスのデフォルト。
- 🕵️ プライバシー：エンドユーザーのIDを保護するデフォルト、スクリプトの同意管理API。
- 🪵 DevTools：スクリプトをステータスで表示し、関数ログを確認します。
- 🚀 依存関係なし、約2kbの最小ランタイム
背景
useHead コンポーザブルを使用すると、サードパーティのIIFEスクリプトの読み込みは簡単です。ただし、SSR、遅延読み込み、および型安全性に関して、すぐに複雑になり始めます。
Nuxt Scriptsは、これらの問題などを解決するために作成され、サードパーティのスクリプトのパフォーマンスを向上させ、プライバシーを強化し、全体的なDXを向上させることを目標としています。
🚀 クイックスタート
始めるには、以下を実行してください。
npx nuxi@latest module add scripts
以上です！Nuxt Scriptsモジュールがダウンロードされ、Nuxt設定のmodulesに追加されます。
⛰️ 次のステップ
Nuxt Scriptsを使い始めるためのインスピレーションが必要ですか？以下を試してください
- 🎉 紙吹雪チュートリアルで絵文字を降らせましょう。
- 📚 スクリプトの読み込みがどのように機能するかを学びましょう。
- 🔍 人気のある事前構成済みのサードパーティ製スクリプトについては、スクリプトレジストリを調べてください。
- 🚀 useScriptまたはグローバルスクリプトで他のスクリプトを読み込みます。
- 🔨 バンドルと同意管理で、パフォーマンスとプライバシーを微調整します。
⚖️ ライセンス
MITライセンスの下でライセンスされています。