node.js - 将 Bootstrap 与 npm 和 Node.js 一起使用

Question

我很难理解在我的 nodejs 项目中在哪里/如何使用 Bootstrap。我用 npm 安装了 Bootstrap，但是如何将它包含在我的 index.html 文件中？

我是否需要像往常一样在我的 .html 文件中包含顶部的样式表标签和底部标签上方的标签，或者我是否可以在我的 app.js 中需要它后开始将 Bootstrap 类应用于我的元素文件？

此外，使用 npm 安装 Bootstrap 与使用 CDN 相比是否有优势？

Answer 1

I'd recommend checking out Bootstrap's npm starter project: https://github.com/twbs/bootstrap-npm-starter

It shows you exactly how to load it from npm and use it in a project.

It's better to build the CSS yourself (from the Sass files) so you can customise it and remove the components you don't need and creating a smaller CSS file.

Answer 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" />