【发布时间】：2015-02-17 19:55:57
【问题描述】：
我是前端网络开发的新手，有一个非常基本的问题。一旦我npm install 某物，我该如何实际使用它？例如，我刚刚做了npm install bootstrap，现在我希望能够使用它下载的 CSS 和 Javascript。我确定我不应该翻遍目录来找到一些入口点......那么我现在如何在我的网页中使用引导程序？
【问题讨论】：
标签： javascript node.js twitter-bootstrap npm
【发布时间】：2015-02-17 19:55:57
【问题描述】：
NPM 上的大多数模块都在 Node.js 中用于服务器（后端）。 Node.js 有一个内置函数require('your-module') 来使用该模块。此功能在浏览器的前端不存在。但是，有像 browserify 或 webpack 这样的工具，可能还有其他工具可以使 NPM 模块和 require 函数在前端工作。
如果你刚刚开始，我建议你先看看Bower。使用 Bower（尽管安装了 NPM），您可以将所有前端库（如 jQuery、Bootstrap 等）拉入项目文件夹，并且可以将 HTML 中的脚本标签指向 bower_components/ 目录，例如<script src="/bower_components/jquery/jquery.min.js"></script>。您可以将使用版本号的所有库的列表保存在项目文件夹根目录中名为 bower.json 的 json 文件中。
基于此文件，您可以使用命令行拉入或更新列出的所有库。
【讨论】：
作为一个非常普遍的规则，npm 用于您的节点应用程序将在服务器上使用的资产，而 bower（和其他）等同于您要在客户端上使用的依赖项。
也就是说，用途基本一样。
npm（和 bower）将文件安装到项目目录的标准位置。您真正需要做的就是确保可以通过 Web 请求访问该位置（通常，node_modules 不是；这就是 bower 出现的原因），然后在您的 html 中嵌入链接和脚本标签：
<script src='/node_modules/bootstrap/js/bootstrap.min.js'></script>
【讨论】：