如何使用NPM模块?

时间:2015-02-17 19:55:57

标签: javascript node.js twitter-bootstrap npm

对于一个非常基本的问题,我对于Web开发人员来说是全新的。一旦我npm install某事,我该如何实际使用它?例如,我刚刚npm install bootstrap,我现在希望能够使用它下载的CSS和Javascript。我确信我不应该深入挖掘目录以找到一些切入点......那么我现在如何在我的网页中使用 bootstrap?

2 个答案:

答案 0 :(得分:2)

NPM上的大多数模块都在Node.js中用于服务器(后端)。 Node.js有一个内置函数require('your-module')来使用该模块。浏览器的前端不存在此功能。但是,有一些工具,如browserifywebpack,可能还有其他工具可以使NPM模块和require函数在前端工作。

如果您刚刚开始我建议您首先查看Bower。使用Bower(虽然安装了NPM),您可以将所有前端库(如jQuery,Bootstrap等)拉入项目文件夹,然后将HTML中的脚本标记指向bower_components/目录,例如: <script src="/bower_components/jquery/jquery.min.js"></script>。您可以在项目文件夹根目录中的名为bower.json的json文件中保存与版本号一起使用的所有库的列表。 基于此文件,您可以使用命令行拉入或更新列出的所有库。

答案 1 :(得分:0)

作为一个非常通用的规则,npm用于节点应用程序将在服务器上使用的资产,而bower(和其他)则等同于您要在客户端上使用的依赖项。

那说,使用基本相同。

npm(和bower)将文件安装到标准位置的项目目录中。您真正需要做的就是确保可以通过Web请求访问位置(通常,node_modules不是;这就是bower出现的原因),然后在您的html中嵌入链接和脚本标记:

<script src='/node_modules/bootstrap/js/bootstrap.min.js'></script>