#node.js #bootstrap-5
#node.js #bootstrap-5
Вопрос:
Мне трудно понять, где и как использовать Bootstrap в моем проекте nodejs. Я установил Bootstrap с помощью npm, но как мне включить его в свой index.html файл?
Нужно ли мне включать тег таблицы стилей вверху и теги над тегом внизу, как обычно, в мои HTML-файлы, или я могу просто начать применять классы начальной загрузки к своим элементам, как только это потребуется в моем app.js файл?
Кроме того, есть ли преимущество в использовании npm для установки Bootstrap по сравнению с использованием CDN?
Комментарии:
1. Добро пожаловать в SO. Включение загрузочного js и css зависит от того, как вы создаете свой проект. Не могли бы вы опубликовать больше информации о проекте? Например, если вы используете babel и т. Д. Или тогда просто соответствующие части index.html и package.json.
2. если вы используете в nodejs, то я предлагаю вам использовать npm и какой движок рендеринга вы используете?
Ответ №1:
Я бы рекомендовал проверить начальный проект npm от Bootstrap: https://github.com/twbs/bootstrap-npm-starter
Он показывает вам, как именно загрузить его из npm и использовать в проекте.
Лучше создать CSS самостоятельно (из файлов Sass), чтобы вы могли настроить его, удалить ненужные компоненты и создать файл CSS меньшего размера.
Ответ №2:
Добавьте этот код, если используете сервер, подобный Express
app.use(
express.static(path.join(__dirname, "node_modules/bootstrap/dist/"))
);
Затем в вашем теге head:
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />