我有一个使用基本 npm 命令搭建的 MEAN 堆栈项目。目前，Bootstrap 包含在 CDN 中：
link(rel='stylesheet', href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css')
我的问题是如何使用 npm 添加引导程序，以便项目与 CDN 包含相同。特别是当我跑步时
npm install bootstrap
在 node_modules 中创建了一个 boostrap 目录。但是，如果我尝试包含该目录中的 bootstrap.css，它会破坏 glyphicon 字体。有人可以建议如何做吗？
附：我也会对 AngularJS 本身提出同样的问题。
【问题讨论】：
标签： javascript node.js twitter-bootstrap npm npm-install
您可以使用浏览器包管理器，即 bower
Bower 为前端包管理问题提供了一个通用的、不偏不倚的解决方案，同时通过一个 API 公开包依赖模型，该 API 可以被更加固执的构建堆栈使用。没有系统范围的依赖，不同应用之间没有共享依赖，依赖树是扁平的。
如果您想了解更多关于哪个更好和更可靠的知识，您也可以阅读link。
npm 和 Bower 的主要区别在于安装包依赖项的方法。 npm 分别为每个包安装依赖项，因此会生成一个很大的包依赖关系树(node_modules/grunt/node_modules/glob/node_modules/...)，其中可能存在同一个包的多个版本。对于客户端 JavaScript，这是不可接受的：您不能将 jQuery 或任何其他库的两个不同版本添加到页面。使用 Bower，每个包都安装一次（jQuery 将始终位于 bower_components/jquery 文件夹中，无论有多少包依赖它）并且在依赖项冲突的情况下，Bower 根本不会安装与已经存在的包不兼容的包已安装。
Bower 安装
你只需简单地安装包
语法
npm install -g bower
您可以参考 Doc 了解完整信息。
例如：
目录结构
project Folder
+ bower_components
+ bootstrap
+ dist
+ css
+ bootstrap.css
+ jquery
+ jquery.js
+ public
+ index.html
+ app.js
现在可以在 app.js 中设置静态路径
app.use(express.static(path.join(__dirname, 'bower_components')));
现在您可以简单地在 index.html 文件中使用
<!DOCTYPE html>
<html>
<head>
<title>{{ title }}</title>
<link rel='stylesheet' href='/bootstrap/dist/css/bootstrap.css' />
</head>
<body>
{{{ yield }}}
</body>
<script src="/bootstrap/dist/jquery/jquery.js"></script>
</html>
截图
【讨论】：