bootstrapcdn

bootstrapcdn

Bootstrapcdnは、Bootstrap、Font Awesome、Bootswatch、Bootstrapアイコンを開始するための最も簡単で最速の方法です。メインサイトにアクセスして、必要なURLをコピーするだけです。すべてのプロジェクトの新しいバージョンは、NPMから直接引き出されます。

または、より高度なユースケースについては、指示に従ってください。

例CDNリンク

これらは4.6.0バージョンをプルします。このような静的バージョンでSRIを使用することは安全です。

 <!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">

<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>

バージョンエイリアシング

最新のマイナーバージョンに自動更新するには、URLのバージョンとしてたとえば4指定できます。その後、最大7日間の遅延で最新のV4バージョンを利用できます。

 <!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@4/dist/css/bootstrap.min.css" rel="stylesheet">

<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4/dist/js/bootstrap.bundle.min.js"></script>

警告：このような動的なURLでSRIハッシュを使用しないでください。または次のアップデートはサイトを破壊します。

より詳細なドキュメントは、JSDelivrのGitHubページで入手できます。

APIを使用してバージョンをプルします

特定のユースケースでは、APIを使用して更新を自動化することができます。これを使用して、最新のものを含むCDNで利用可能なバージョンのリストを取得できます。

 https://data.jsdelivr.com/v1/package/npm/bootstrap
{
	"tags": {
		"latest": "4.6.0",
		"previous": "3.4.1",
		"next": "5.0.0-beta2"
	},
	"versions": [
		"5.0.0-beta2",
...
		"4.6.0",
...
	]
}

貢献

要件

1. node.js

ランニング

npm run <task>使用します。

発達

npm install

npm test && npm run dev

悪魔

 # start development server and watch for changes
npm run dev
# or
npm run watch

# start production server
npm start

# and more
npm run

構成

config/_app.yml

Express.jsアプリの構成。

• ポート：ノードアプリケーションポートの整数値。
• テーマ：使用するデフォルトテーマの整数値。これは、以下のbootswatch4セクションの配列インデックス値です。
• siteurl：私たちの標準URL。
• 著者：著者オブジェクトの配列。以下を受け入れます。
  • 名前
  • Twitter： @なしのTwitterハンドラー
  • URL：著者のウェブサイトURL（オプション）
  • 作業：（オプション）を含む可能性のあるオブジェクト：
    • テキスト： url Bellowに表示するテキスト
    • URL：作業へのリンク
• 説明：サイトのデフォルトメタ説明を含む文字列。
• Favicon： favicon.icoへの道。
• Stylesheet：StyleSheetファイルの配列Bootswatch StyleSheetとは別に使用しています。
• JavaScript：使用するJavaScriptファイルの配列。
• リダイレクト：ページリダイレクトのオブジェクトの配列。

config/_files.yml

ホストするCDNファイルが含まれています。SRI値はnpm run integrityを実行することで更新されます。

config/helmet-csp.js

https://github.com/helmetjs/cspを使用したCSP構成

Bootstrap/Bootlint/Bootswatchの更新

次のコマンドで、更新するパッケージとバージョンのversionでpackageを置き換えます。

npm i package@version -ED
npm run package version

1. それに応じてconfig/_config.ymlを更新します
2. npm run integrity
3. ファイルがS3/CDN上にある後にnpm run all 、視覚的な破損なしにフロントエンドの動作を確認することを確認してください