デフォルトのBlazorプロジェクトではPages/_Host.cshtml
、アプリケーションのHTMLテンプレートのようなものを含むファイルを取得します。
最近、最初のRazor Component Library(RCL)を作成しましたが、機能します。そのためのスクリプト部分は次のとおりです。
<script src="_content/Woof.Blazor/js/woof.js"></script>
<script src="_content/Woof.Blazor/js/modal.js"></script>
<script src="_content/Woof.Blazor/js/input.js"></script>
<script src="_content/Woof.Blazor/js/datatable.js"></script>
<script src="_content/Woof.Blazor/js/autocomplete.js"></script>
スクリプトは私のアプリに手動で含まれています。ライブラリがそれらのファイルをアプリケーションテンプレートに自動的に追加する方法はありますか?ところで、スタイルシートも自動的に追加できればいいですね。
編集:_Scripts.cshtml
ファイルを作成しようとしましたが、機能しませんでした。Visual Studioは、おそらくパッケージの欠落が原因で多くの奇妙なエラーを示しましたが、私にはわかりません。スクリプトの一部を部分ビューにしますか?それは実際にはMVCの一部ではありません。だからおそらく私は間違っています。
私が達成したいのは、上記のスクリプト部分全体を、ライブラリからの事前定義および事前構成されたすべてのスクリプトを含む1行に置き換えることです。
あなたが試みていることをするために箱から出して利用できるものは何もありません。その理由は、スクリプトとCSSタグの順序が本当に重要な場合があるためです。
たとえば、Bootstrapからいくつかのクラスをオーバーライドしても、ブートストラップ用のタグの前にCSSファイルタグを含めると、機能しません。CSSファイルとJSファイルが自動的に作成された場合、この問題の原因となる順序を制御する方法はありません。
あなたの質問から、あなたはあなたのライブラリに存在するいくつかのスクリプトをリストします。これらのスクリプトを1つのファイルにバンドルして縮小することをお勧めします。次に、消費するアプリケーションに1つの参照を追加するだけで済みます。これにより、消費するアプリケーションの読み込みも高速化されます。5つではなく、1つのスクリプトを読み込むだけで済みます。
これを実現する方法は複数ありますが、現時点で最も一般的なのはwebpackだと思います。簡単なグーグルは、これの構成を示す数十のブログ投稿を表示します(例:https://ideas.byteridge.com/webpack-minifying-your-production-bundle/)。これはすべてビルドパイプラインに自動化できるため、完全なCI / CDで使用できます。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加