Blazor:メインページのスクリプトとスタイルを含めるための最良の方法は何ですか?

ハリー

デフォルトの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]

編集
0

コメントを追加

0

関連記事

分類Dev

春のブートアプリケーションでタスクをスケジュールするための最良の方法は何ですか

分類Dev

スクリプト内からPythonコンソール出力を電子メールとして送信するための最良の方法は何ですか?

分類Dev

インストール/アップグレードスクリプトを検証するための最良の方法は何ですか?

分類Dev

.zipファイルを作成するためのスクリプトファイルを作成するための最良の方法は何ですか?

分類Dev

.zipファイルを作成するためのスクリプトファイルを作成するための最良の方法は何ですか?

分類Dev

アプリのインストーラーにJRE 8インストールを埋め込むための最良の方法は何ですか?

分類Dev

Firemonkeyモバイルアプリでオブジェクトのローカルデータを保存するための最良の方法は何ですか?

分類Dev

Javaでタスクをスケジュールするときにドリフトを最小限に抑えるための最良の方法は何ですか?

分類Dev

Railsで反復的なタスク(情報のためにページをスクレイピングするなど)をスケジュールして実行するための最良の方法は何ですか?

分類Dev

同様のタイプのオブジェクトの周りにgraphqlスキーマを設計するための最良の方法は何ですか?

分類Dev

コマンドラインから実行するときに、スクリプトでbash関数をパラメーターとして作成するための最良の方法は何ですか?

分類Dev

サブスクライバー機能を使用するための最良の方法は何ですか?サブスクリプション/サブスクライバーのリストをユーザーまたはサブスクライブされたページの下に保存する必要がありますか?

分類Dev

反応アプリでドキュメントのスクロール率を取得するための最良の方法は何ですか?

分類Dev

nginxをアンインストールするための最良の方法は何ですか

分類Dev

nginxをアンインストールするための最良の方法は何ですか

分類Dev

Webページのテストで特定のラベルを特定のクライアントログインにリンクするための最良の方法

分類Dev

Javaアプリの不適切に形成されたXHTMLページをスクリーンするための最良の方法は何ですか

分類Dev

Springツールスイートを使用してJavaEEプロジェクト(maven + git)を作成するための最良の方法は何ですか?

分類Dev

同じファイルを含めるミスを回避するための最良の方法は何ですか?

分類Dev

リスト/配列の辞書からクラスを繰り返しインスタンス化するための最良の方法は何ですか?

分類Dev

PHPテンプレートのヘッドセクションにメタタグを含めるための最良の方法は何ですか?

分類Dev

ビルドに失敗したターゲットとエラーメッセージを検索するためにBazelビルドイベントプロトコルを解析するための最良の方法は何ですか?

分類Dev

以下のクエリのインデックスを作成するための最良の方法は何ですか

分類Dev

クライアントに何もインストールせずにレポートを表示するための最良の方法は何ですか

分類Dev

Makefileインストールでディレクトリを適切な場所に移動するための最良の方法は何ですか?

分類Dev

縮小されたサイズでDockerイメージをエクスポートするための最良の/正しい方法は何ですか

分類Dev

ウェブサイト上のホームページをリンクするための最良の方法は何ですか

分類Dev

イオンでスタイルを再利用するための最良の方法は何ですか?

分類Dev

RoRで同じモデルから2つのインデックスリクエストを取得するための最良の方法は何ですか?

Related 関連記事

  1. 1

    春のブートアプリケーションでタスクをスケジュールするための最良の方法は何ですか

  2. 2

    スクリプト内からPythonコンソール出力を電子メールとして送信するための最良の方法は何ですか?

  3. 3

    インストール/アップグレードスクリプトを検証するための最良の方法は何ですか?

  4. 4

    .zipファイルを作成するためのスクリプトファイルを作成するための最良の方法は何ですか?

  5. 5

    .zipファイルを作成するためのスクリプトファイルを作成するための最良の方法は何ですか?

  6. 6

    アプリのインストーラーにJRE 8インストールを埋め込むための最良の方法は何ですか?

  7. 7

    Firemonkeyモバイルアプリでオブジェクトのローカルデータを保存するための最良の方法は何ですか?

  8. 8

    Javaでタスクをスケジュールするときにドリフトを最小限に抑えるための最良の方法は何ですか?

  9. 9

    Railsで反復的なタスク(情報のためにページをスクレイピングするなど)をスケジュールして実行するための最良の方法は何ですか?

  10. 10

    同様のタイプのオブジェクトの周りにgraphqlスキーマを設計するための最良の方法は何ですか?

  11. 11

    コマンドラインから実行するときに、スクリプトでbash関数をパラメーターとして作成するための最良の方法は何ですか?

  12. 12

    サブスクライバー機能を使用するための最良の方法は何ですか?サブスクリプション/サブスクライバーのリストをユーザーまたはサブスクライブされたページの下に保存する必要がありますか?

  13. 13

    反応アプリでドキュメントのスクロール率を取得するための最良の方法は何ですか?

  14. 14

    nginxをアンインストールするための最良の方法は何ですか

  15. 15

    nginxをアンインストールするための最良の方法は何ですか

  16. 16

    Webページのテストで特定のラベルを特定のクライアントログインにリンクするための最良の方法

  17. 17

    Javaアプリの不適切に形成されたXHTMLページをスクリーンするための最良の方法は何ですか

  18. 18

    Springツールスイートを使用してJavaEEプロジェクト(maven + git)を作成するための最良の方法は何ですか?

  19. 19

    同じファイルを含めるミスを回避するための最良の方法は何ですか?

  20. 20

    リスト/配列の辞書からクラスを繰り返しインスタンス化するための最良の方法は何ですか?

  21. 21

    PHPテンプレートのヘッドセクションにメタタグを含めるための最良の方法は何ですか?

  22. 22

    ビルドに失敗したターゲットとエラーメッセージを検索するためにBazelビルドイベントプロトコルを解析するための最良の方法は何ですか?

  23. 23

    以下のクエリのインデックスを作成するための最良の方法は何ですか

  24. 24

    クライアントに何もインストールせずにレポートを表示するための最良の方法は何ですか

  25. 25

    Makefileインストールでディレクトリを適切な場所に移動するための最良の方法は何ですか?

  26. 26

    縮小されたサイズでDockerイメージをエクスポートするための最良の/正しい方法は何ですか

  27. 27

    ウェブサイト上のホームページをリンクするための最良の方法は何ですか

  28. 28

    イオンでスタイルを再利用するための最良の方法は何ですか?

  29. 29

    RoRで同じモデルから2つのインデックスリクエストを取得するための最良の方法は何ですか?

ホットタグ

アーカイブ