VueのライブラリをCDNまたはローカルで使用したい

Question

Vue.jsをcdnで読み込んだものを使用しています。

jQueryのように、一部のページでVue.jsのライブラリを読み込んで、一部の要素でVueの機能を使いたいのですが、その際に下記のライブラリを使用したいです。
Vueでsvgの要素をflexboxのように配置できるライブラリが公開されています。

https://github.com/jie123108/vue-svg-flexbox

ただ、このようにインストール方法がnodeモジュールの記載しかない場合でも、cdnのようにライブラリを読み込む、もしくは該当ファイルをscriptタグで読み込んで使用したい場合はどのようにしたらよいのでしょうか。

下記のソースコードで、上記のライブラリを使用したい場合の追記内容を知りたいです。

<div id="vue"></div>

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
<script>
new Vue({
	el: '#vue',
});
</script>

一応CDNのURLは公開されている？ようですが、
https://www.jsdelivr.com/package/npm/@jie123108/vue-svg-flexbox

下記のように追記しても、Uncaught ReferenceError: require is not definedとなってしまい、正規の方法ではないような気がしています。

<div id="vue"></div>

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@jie123108/vue-svg-flexbox@1.0.3/dist/vue-svg-flexbox.umd.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@jie123108/vue-svg-flexbox@1.0.3/dist/vue-svg-flexbox.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@jie123108/vue-svg-flexbox@1.0.3/dist/vue-svg-flexbox.esm.js"></script>
<script>
new Vue({
	el: '#vue',
});
</script>

Answer 1

残念ながら、かなりの茨の道です。

vue-svg-flexboxの依存関係がVueだけ、というならまだなんとかなるのですが、実際には他にも依存関係があるので（package.json）、それらのライブラリも揃える必要があります。

Comments

[sanset]

回答ありがとうございます。package.jsonから他にも読み込みが必要なライブラリを判断することは出来るのでしょうか？

[maisumakun]

上のリンクは、それが分かる部分に張ってあります。

[sanset]

あ、そうことですね。
core-jsとcss-layoutとvueになっているので、core-jsとcss-layoutのライブラリも含めて読み込めば良い、ということでしょうか？
茨の道というのは、具体的にどのような工程がこれから必要になるのか、お手数がもう少し教えて頂けると嬉しいです。

[maisumakun]

> core-jsとcss-layoutのライブラリも含めて読み込めば良い、ということでしょうか？

そのライブラリがさらになにかに依存していないかを調べて、依存していたらそれも読み込む、ということを繰り返さないといけません。

[sanset]

そういうことですね。分かりました。ありがとうございます。