将 Bootstrap 与 npm 和 Node.js 结合使用

Question

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

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

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

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

Answer 2

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

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

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