Svelteノート:Svelte.jsでのBootstrapの使用

Svelte.jsはAngular、Vue、Reactの3つのフレームワーク以外のフロントエンドフレームワークで、コード量が少なく、仮想DOMがないことを特徴とし、オリジナルに近い書き込みで、ライフサイクル、コード多重化、データ応答なども使いやすく、アニメーション、シリーズのラベル、移行など多くの興味深い内蔵APIを提供しています.個人的にはいくつかの面で良い選択だと思いますが、今はまだ流行していません.解決策などは確かに振り回され、公式routerサポートがないのも問題ですが、Sapperサーバレンダリング案はある程度補うことができます.
同時に、流行が足りないため、コンポーネントライブラリも問題になり、いくつかの小さなプロジェクトでは、既存のコンポーネントの接合だけでは、確かに処理しにくい.十分な安定性がなく、保証されたコンポーネントライブラリは、一時的にBootstrapで代用するしかありません.
経験不足の問題はやはり深刻で、SvelteプロジェクトにBootstrapを導入するのは難しいです.多くの資料を調べた後、最終的に自分を殺そうとする案を手に入れました.index.htmlにCDNを導入すれば、完全に解決できます...
CSS導入

                   ，     CSS    .

JS導入

        jQuery    ，     Popper.js,        JavaScript   .               </body>         WEB  ，            。

      jQuery    ,     ，    。

Copy
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">


       JQuery、Bootstrap.js、Popper.js    ，                           。