twitter-bootstrap-3 - 通过 NPM 获取 Bootstrap 并包含到 html

Question

通常我使用 CDN(或 nuget)将 Bootstrap 或其他客户端库添加到我的网站

最近我读到有关 NPM/Bower 和其他现代包管理工具的信息，并决定尝试一下

经过一段时间的浏览和调查后，我现在完全感到困惑，如何像以前一样下载并包含 bootstrap distrib css/js 文件到我的页面....

第 1 次尝试，我使用 NPM 安装 bootstrap，它将包含所有源/模块等的整个 Bootstrap 下载到 node_module 目录...好吧，我找到了发行版在 node_modules/Bootstrap/dist 文件夹中

现在的问题:

• 我应该将 node_modules/Bootstrap/dist/css 和 js 文件链接到我的站点吗？
• 如果是，我应该部署整个 node_modules 文件夹和网站吗？

• 如果否，并且我知道 npm 包是模块化的并且 bla bla bla 并且应该包含在 require("bootstrap") 中而不是很多其他问题

  • 是 require("bootstrap") 节点 js 还是其他 js 函数？
  • 我是否应该包含一些其他节点包或 js 文件以便 require("bootstrap") 工作
  • 我应该在 script 标签的 html 中的什么地方写 require("bootstrap")？创建一些 js 并包含它或什么？

第二次尝试，好吧，我知道 npm 可能是 NodeJs 服务器端的包管理，并得到了 bower...但它再次将相同的文件下载到另一个文件夹 bower_components 并再次出现相同的问题...

Answer 1

如您所述，Bower 非常适合此用例。按照此处所述更改 bower_components 目录的目标 How to change bower's default components folder?

然后像往常一样包含。不要使用 require 函数，因为它仅适用于 nodejs 服务器端。