WebappプロジェクトにBootstrapリソースを含めるための一般的なベストプラクティスは何ですか?

ジョンボルヘス

大幅なカスタマイズが必要なサイトの場合、スタイリングと機能の両方で、ほとんどの人が使用する一般的なアプローチはありますか?プロジェクトにBootstrapリソースをどのように含めますか?

  1. ソースの使用、SCSS変数のカスタマイズ、、未使用のJSモジュールの削除
  2. コンパイルおよび縮小されたリソースを使用し、プロジェクトレベルのCSSを介してスタイルをオーバーライドします
Starscream1984

それはあなたが「重い」という意味でどれだけ重いかによります...

多くのプロジェクトでは、縮小されたCSSソースをそのまま使用し、いくつかのスタイルを独自のプロジェクトSCSSでオーバーライドします。これは、gulpビルドプロセスでコンパイルします。

これは、主に色や境界線のスタイルなどを変更することを目的としていて、コンポーネントを基本的に変更しない場合に最も簡単で最適です。

より根本的な違いを必要とするまれなプロジェクトでは、SCSSのほとんどを手作りし、ソースから使用したいBootstrapのいくつかの部分を削除します。

このアプローチははるかに労働集約的であり、Bootstrapコードの大部分が冗長であるか、自分のコードと衝突する場合にのみ実行されます。

JavaScriptの場合、他のソースからのAngularディレクティブを作成または含めるのが一般的であるため、Bootstrapを使用しない傾向がありますが、これは特定のワークフローとスタックの選択にぴったりです。

肥大化の量を減らしたい場合は、Bootstrapのソースから未使用のJavaScriptを取り除くのは非常に簡単です。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

Flutter:アプリの一般的な構成を保存するためのベストプラクティスは何ですか?

分類Dev

ページにCSSとJavaScriptを含めるためのベストプラクティスは何ですか?

分類Dev

大きなリソースフォルダをJavaプロジェクトに含めるためのベストプラクティス

分類Dev

複数のプロジェクトをgitリポジトリに配置するためのベストプラクティスは何ですか?

分類Dev

AngularJSページをリロードするためのベストプラクティスは何ですか

分類Dev

さまざまなオブジェクトをUIViewsSwiftにロードするためのベストプラクティスは何ですか

分類Dev

同じベースの複数のプロジェクトでgitを使用するためのベストプラクティスは何ですか?

分類Dev

RStudioプロジェクト間でオブジェクトを転送するためのベストプラクティスは何ですか?

分類Dev

メソッドに渡されたオブジェクトを変更するためのベストプラクティスは何ですか

分類Dev

一般的なマイクロサービスを開発するためのベストプラクティス

分類Dev

大規模なJavaプロジェクトでメモリリークを処理するためのベストプラクティスは?

分類Dev

C ++-テンプレートクラスの特殊化に一般的なテンプレートのコードを含める方法はありますか?

分類Dev

Androidでユーザーにアプリ機能のロックを解除するためのベストプラクティスは何ですか?

分類Dev

Goウェブアプリでキーをロードするためのベストプラクティスは何ですか?

分類Dev

SVNタグでMavenプロジェクトの依存関係を管理するためのベストプラクティスは何ですか?

分類Dev

クラス/オブジェクトに日付と時刻を保存するためのベストプラクティスは何ですか?

分類Dev

ストリーミングデータフローからBigtableにアクセスするためのベストプラクティスは何ですか

分類Dev

複雑なネストされたSQLアソシエーションを管理可能なサービスに変換するためのフロントエンドデータモデリングのベストプラクティスは何ですか?

分類Dev

Vuexモジュールを分離するためのベストプラクティスは何ですか?

分類Dev

例外メッセージを構造化するためのベストプラクティスは何ですか?

分類Dev

FastAPIプロジェクトを構築するためのベストプラクティスは何ですか?

分類Dev

複数のElasticBeatsを一元化されたLogstashにスケーリングするためのベストプラクティスは何ですか

分類Dev

多層データをmySQLに保存するためのベストプラクティスは何ですか?

分類Dev

JHipsterに初期データを保存するためのベストプラクティスは何ですか?

分類Dev

プロジェクトOrleansのグレインでリレーショナルデータベースのレガシーデータを処理するためのベストプラクティスは何ですか?

分類Dev

機能的な方法を使用してログメッセージを処理するためのベストプラクティスは何ですか

分類Dev

Google App Engineでスケジュールされたアプリを実行するためのベストプラクティスは何ですか?

分類Dev

JDBCでSQLクエリを作成するためのベストプラクティスは何ですか

分類Dev

大きなcsvを正規化されたリレーショナルデータベース(複数のテーブルを含む)にインポートするためのベストプラクティスは何ですか

Related 関連記事

  1. 1

    Flutter:アプリの一般的な構成を保存するためのベストプラクティスは何ですか?

  2. 2

    ページにCSSとJavaScriptを含めるためのベストプラクティスは何ですか?

  3. 3

    大きなリソースフォルダをJavaプロジェクトに含めるためのベストプラクティス

  4. 4

    複数のプロジェクトをgitリポジトリに配置するためのベストプラクティスは何ですか?

  5. 5

    AngularJSページをリロードするためのベストプラクティスは何ですか

  6. 6

    さまざまなオブジェクトをUIViewsSwiftにロードするためのベストプラクティスは何ですか

  7. 7

    同じベースの複数のプロジェクトでgitを使用するためのベストプラクティスは何ですか?

  8. 8

    RStudioプロジェクト間でオブジェクトを転送するためのベストプラクティスは何ですか?

  9. 9

    メソッドに渡されたオブジェクトを変更するためのベストプラクティスは何ですか

  10. 10

    一般的なマイクロサービスを開発するためのベストプラクティス

  11. 11

    大規模なJavaプロジェクトでメモリリークを処理するためのベストプラクティスは?

  12. 12

    C ++-テンプレートクラスの特殊化に一般的なテンプレートのコードを含める方法はありますか?

  13. 13

    Androidでユーザーにアプリ機能のロックを解除するためのベストプラクティスは何ですか?

  14. 14

    Goウェブアプリでキーをロードするためのベストプラクティスは何ですか?

  15. 15

    SVNタグでMavenプロジェクトの依存関係を管理するためのベストプラクティスは何ですか?

  16. 16

    クラス/オブジェクトに日付と時刻を保存するためのベストプラクティスは何ですか?

  17. 17

    ストリーミングデータフローからBigtableにアクセスするためのベストプラクティスは何ですか

  18. 18

    複雑なネストされたSQLアソシエーションを管理可能なサービスに変換するためのフロントエンドデータモデリングのベストプラクティスは何ですか?

  19. 19

    Vuexモジュールを分離するためのベストプラクティスは何ですか?

  20. 20

    例外メッセージを構造化するためのベストプラクティスは何ですか?

  21. 21

    FastAPIプロジェクトを構築するためのベストプラクティスは何ですか?

  22. 22

    複数のElasticBeatsを一元化されたLogstashにスケーリングするためのベストプラクティスは何ですか

  23. 23

    多層データをmySQLに保存するためのベストプラクティスは何ですか?

  24. 24

    JHipsterに初期データを保存するためのベストプラクティスは何ですか?

  25. 25

    プロジェクトOrleansのグレインでリレーショナルデータベースのレガシーデータを処理するためのベストプラクティスは何ですか?

  26. 26

    機能的な方法を使用してログメッセージを処理するためのベストプラクティスは何ですか

  27. 27

    Google App Engineでスケジュールされたアプリを実行するためのベストプラクティスは何ですか?

  28. 28

    JDBCでSQLクエリを作成するためのベストプラクティスは何ですか

  29. 29

    大きなcsvを正規化されたリレーショナルデータベース(複数のテーブルを含む)にインポートするためのベストプラクティスは何ですか

ホットタグ

アーカイブ