在 npm 和 Node.js 中使用 Bootstrap

Question

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

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

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

Answer 1

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

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

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

Answer 2

如果使用像 Express 这样的服务器，请添加此代码

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

然后在你的头部标记：

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

Using Bootstrap with npm and Node.js