Использование Bootstrap с npm и Node.js
Мне трудно понять, где и как использовать Bootstrap в моем проекте nodejs. Я установил Bootstrap с помощью npm, но как включить его в файл index.html?
Нужно ли мне включать тег таблицы стилей вверху и теги над тегом внизу, как обычно, в моих файлах .html, или я могу просто начать применять классы Bootstrap к своим элементам, как только мне это потребуется в моем app.js файл?
Кроме того, есть ли преимущество в использовании npm для установки Bootstrap по сравнению с использованием CDN?
если вы используете в nodejs, то я предлагаю вам использовать npm и какой механизм рендеринга вы используете?
Ответы 3
Я бы порекомендовал проверить стартовый проект Bootstrap npm: https://github.com/twbs/bootstrap-npm-starter
Он показывает вам, как именно загрузить его из npm и использовать в проекте.
Лучше создать CSS самостоятельно (из файлов Sass), чтобы вы могли настроить его и удалить ненужные компоненты и создать файл CSS меньшего размера.
Добавьте этот код, если используете такой сервер, как Express
app.use(
express.static(path.join(__dirname, "node_modules/bootstrap/dist/"))
);
Затем в теге головы:
<link rel = "stylesheet" type = "text/css" href = "css/bootstrap.min.css" />
Вы должны сократить путь модуля bootstrap как путь static следующим образом:
const express = require("express");
const app = express();
app.listen(3000,()=>{
console.info("Listen to 3000");
})
app.use("/css",express.static("./node_modules/bootstrap/dist/css"));
app.use("/js",express.static("./node_modules/bootstrap/dist/js"));
//or
app.use("/",express.static("./node_modules/bootstrap/dist/"));
Затем вы можете обратиться к js и css следующим образом:
<link rel = "stylesheet" type = "text/css" href = "/css/bootstrap.min.css" />
<script src = "/js/bootstrap.js"></script>
бутстрап готов к использованию!
Добро пожаловать в СО. Включение bootstrap js и css зависит от того, как вы строите свой проект. Не могли бы вы опубликовать больше информации о проекте? Например, если вы используете babel и т. д. Или только соответствующие части index.html и package.json.