Web Workers
Docs は UniverDocsLayoutWorkerPlugin により文書のレイアウト処理を Web Worker1 で実行できます。Docs コアプラグインの後に登録し、workerFactory でレイアウトサービス用の新しい Worker を作成します。
まずインストールと基本的な使い方を完了してください。以下のコードは既存の設定に追加するものです。コンテンツの作成や読み込み前にプラグインを登録し、登録済みのプラグインは重複登録せず設定を変更してください。
メインスレッド
TypeScript
import { UniverDocsLayoutWorkerPlugin } from '@univerjs/docs'univer.registerPlugin(UniverDocsLayoutWorkerPlugin, { workerFactory: () => new Worker(new URL('./worker.ts', import.meta.url), { type: 'module' }),})Worker のエントリー
TypeScript
import { startDocsLayoutWorker } from '@univerjs/docs'startDocsLayoutWorker()モジュール Worker と専用のエントリーファイルを使用します。Worker とメインスレッドのパッケージバージョンを揃えてください。描画とユーザー操作はメインスレッドで実行されます。
Footnotes
-
Web Worker はブラウザーのメインスレッド外で JavaScript を実行し、メッセージで通信します。ページの DOM には直接アクセスできません。計算を Worker に移しても、エディター UI は移動しません。 ↩
このガイドはいかがですか?