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>

Версия псевдонимов

Для автоматического обновления до последней незначительной версии вы можете указать, например, 4 в качестве версии в URL. Затем вы получите последнюю версию V4 с задержкой до 7 дней.

 <!-- 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>

ПРЕДУПРЕЖДЕНИЕ: Не используйте хэши SRI с динамическими URL -адресами, подобными этому, или следующее обновление сломает ваш сайт.

Более подробная документация доступна на странице JSDelivr's 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 Handler без @
  • URL: URL -адрес автора (необязательно)
  • Работа: (необязательно) объект, который может содержать:
    • Текст: текст, чтобы отобразить для реже url
    • URL: ссылка на работу
• Описание: строка, содержащая мета -описание по умолчанию сайта.
• Favicon: путь к favicon.ico .
• Стайлс: массив файлов (ы) StyleSheep, которые мы используем, кроме таблицы стилей Bootswatch.
• JavaScript: массив файлов JavaScript, который мы используем.
• перенаправления: массив объектов для перенаправления страницы.

config/_files.yml

Содержит файлы CDN npm run integrity которые мы проводим.

config/helmet-csp.js

Наша конфигурация CSP с использованием https://github.com/helmetjs/csp

Обновление Bootstrap/Bootlint/Bootswatch

Замените package на пакет, который вы хотите обновить и version с его версией в следующих командах:

npm i package@version -ED
npm run package version

1. Обновите config/_config.yml соответственно
2. npm run integrity
3. Убедитесь, что npm run all проходы после того, как файлы будут на S3/CDN, и подтвердите, что Frontend работает, как и ожидалось, без какого -либо визуального поломки