Vue.js + Laravel にて face-api.js を読み込みたいがうまくいかない

Question

リンク内容

上記の記事を参考にface-api.js を読み込みたいのですが,記事にある参照方法とは違いwebpackでライブラリを指定しましたがうまく読み込みできません。

Laravel と vuejsを利用していてvuejs のライブラリなどは、app.js に追記しています。

例：
Vue.use(require('vue-moment'));
import VuejsDialog from "vuejs-dialog"
Vue.use(VuejsDialog);

これらをvueファイルのmethodsから呼びだす際は、
this.$moment　this.$dialog　のようにthis.$ を付けて呼びだしています。
face-api.js に関しても、

app.js に
import * as faceapi from "face-api.js";
Vue.use(faceapi);

として、
this.$faceapi　としたら呼びだせますが、
その後に続く、this.$faceapi.nets と指定しても呼びだせません。
参考サイトでは　faceapi.nets　この記述方法で読みこんでいますが、
this.$faceapi　とした場合どのように呼びだせるのでしょうか？
また　faceapi.nets　のようにthis.$　をつけずに使うことはできないでしょうか？
ご回答頂ければ幸いです。

Answer 1

this.$faceapi　としたら呼びだせますが、

プラグイン
っていう作り方をしないとそういう呼び出し方できないはずです。
(vue-momentはそういう作りにしてるから呼び出せる)

※参考サイト見てもthis.$faceapiっていう呼び出し方してないですよ。

また　faceapi.nets　のようにthis.$　をつけずに使うことはできないでしょうか？

ご回答頂ければ幸いです。

face-api.js for the Browser
import * as faceapi from 'face-api.js';
をすればfaceapiで使えるはず

Comments

[bonsanqueen]

rururu3 さんご回答ありがとうございます。
公式サイトの説明もよく読み理解して解決しました。