如何使用NPM模块

How to use NPM modules?

本文关键字:模块 NPM 何使用      更新时间:2023-12-30

我对前端web开发完全陌生,有一个非常基本的问题。一旦我npm install某个东西,我该如何实际使用它?例如,我刚刚做了npm install bootstrap,现在我希望能够使用它下载的CSS和Javascript。我确信我不应该为了找到一些入口点而翻遍目录。。。那么我现在如何在我的网页中使用引导程序呢?

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

如果你刚开始,我建议你先看看鲍尔。使用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>