npm統合 | Notion

Merge npm統合は、UXPinアカウント内のライブラリにnpmパッケージでコンポーネントを追加することができます。一連の流れのチュートリアルはこちらでご覧ください。

ステップ1：npm統合を使用したライブラリの追加

ライブラリを追加する方法は、UXPinエディタ上または、DashboardのMergeタブから追加することが可能です。Ant Designを使用してライブラリを作成する例は以下の通りです。

エディターの「ライブラリの追加」からnpmを統合する

Mergeタブの「ライブラリの追加」からnpmを統合する

これはインポートするnpmパッケージの名前ではなく、UXPinのライブラリリストに表示される名前を設定するためです。

npmライブラリの名前

コンポーネントライブラリのnpmパッケージ名と、使用したいバージョンを設定しましょう。

npmパッケージ名とバージョン

コンポーネントライブラリにフォント、アイコンなどの追加パッケージやアセットが必要な場合は、add more dependency package（依存関係パッケージの追加）をクリックして、メインのNPMパッケージ名について表示された通りに正確な情報を入力します。

5cf5086f-5e4c-4b7d-8ab8-a268ace7728b_static_03 (2).png_auto=compress,format&rect=0,0,1504,645&w=1504&h=645.png

npmパッケージ依存関係