对于一个非常基本的问题,我对于Web开发人员来说是全新的。一旦我npm install
某事,我该如何实际使用它?例如,我刚刚npm install bootstrap
,我现在希望能够使用它下载的CSS和Javascript。我确信我不应该深入挖掘目录以找到一些切入点......那么我现在如何在我的网页中使用 bootstrap?
答案 0 :(得分:2)
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文件中保存与版本号一起使用的所有库的列表。
基于此文件,您可以使用命令行拉入或更新列出的所有库。
答案 1 :(得分:0)
作为一个非常通用的规则,npm用于节点应用程序将在服务器上使用的资产,而bower(和其他)则等同于您要在客户端上使用的依赖项。
那说,使用基本相同。
npm(和bower)将文件安装到标准位置的项目目录中。您真正需要做的就是确保可以通过Web请求访问位置(通常,node_modules不是;这就是bower出现的原因),然后在您的html中嵌入链接和脚本标记:
<script src='/node_modules/bootstrap/js/bootstrap.min.js'></script>