CDN 経由での Web SDK のインポート

Univer Bases には preset UMD バンドルがありません。既存の Univer UMD ランタイムにプラグインモードで追加してください。以下のブロックだけでは動作しません。

依存関係の順序で読み込む

  1. React、ReactDOM、RxJS を読み込みます。
  2. 共通の Univer 依存関係である Core、RPC、数式エンジン、レンダリングエンジン、Design、UI、Core Facade、ライセンス、数式エンジン、コラボレーションクライアントを読み込みます。
  3. 次の Bases ファイルを読み込みます。すべての @univerjs と @univerjs-pro パッケージで同じバージョンを使用してください。
HTML
<script src="https://unpkg.com/@univerjs-pro/bases/lib/umd/index.js"></script><script src="https://unpkg.com/@univerjs-pro/bases-ui/lib/umd/index.js"></script><script src="https://unpkg.com/@univerjs-pro/bases/lib/umd/facade.js"></script><script src="https://unpkg.com/@univerjs-pro/bases-ui/lib/umd/facade.js"></script><script src="https://unpkg.com/@univerjs-pro/bases/lib/umd/locale/ja-JP.js"></script><script src="https://unpkg.com/@univerjs-pro/bases-ui/lib/umd/locale/ja-JP.js"></script><link rel="stylesheet" href="https://unpkg.com/@univerjs-pro/bases-ui/lib/index.css" />

これらのファイルは UniverProBases、UniverProBasesUi、UniverProBasesFacade、UniverProBasesUiFacade、UniverProBasesJaJP、UniverProBasesUiJaJP を公開します。Univer の作成時に 2 つのロケールオブジェクトを統合し、最初の 2 つの名前空間から UniverBasesPlugin と UniverBasesUIPlugin を登録します。

パッケージマネージャーを使う完全な設定については、インストールと基本的な使い方に戻ってください。

このガイドはいかがですか?

© 2026 DreamNum Co., Ltd.