将 Bootstrap 与 npm 和 Node.js 一起使用答案

【问题标题】：Using Bootstrap with npm and Node.js将 Bootstrap 与 npm 和 Node.js 一起使用
【发布时间】：2021-03-21 13:32:02
【问题描述】：

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

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

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

【问题讨论】：

欢迎来到 SO。包括 bootstrap js 和 css 取决于你如何构建你的项目。您能否发布有关该项目的更多信息？就像你使用 babel 等。或者只是 index.html 和 package.json 的相关部分。
如果你在nodejs中使用，那么我建议你使用npm，你使用的是哪个渲染引擎？

【解决方案1】：

如果使用 Express 等服务器，请添加此代码

app.use(
  express.static(path.join(__dirname, "node_modules/bootstrap/dist/"))
);

然后在你的 head 标签中：

  <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />

【讨论】：

【解决方案2】：

我建议查看 Bootstrap 的 npm 入门项目： https://github.com/twbs/bootstrap-npm-starter

它向您展示了如何从 npm 加载它并在项目中使用它。

最好自己构建 CSS（从 Sass 文件中），这样您就可以自定义它并删除不需要的组件并创建一个较小的 CSS 文件。

【讨论】：