如何使用NPM模块？

Question

对于前端Web开发人员，我是一个非常基本的问题的新手。 一旦我npm install了npm install ，我该如何使用呢？ 例如，我只是做了npm install bootstrap ，现在我希望能够使用它下载的CSS和Javascript。 我确定我不必挖掘目录来找到一些入口点...那么，现在如何在网页中使用引导程序？

Answer 1

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文件中。 基于此文件，您可以使用命令行来拉入或更新列出的所有库。

Answer 2

通常，npm用于节点应用程序将在服务器上使用的资产，而bower（及其他）等效于要在客户端上使用的依赖项。

也就是说，用法基本相同。

npm（和bower）将文件安装到标准位置的项目目录中。 您真正要做的就是确保可以通过Web请求访问该位置（通常，不能访问node_modules；这就是为什么出现Bower的原因），然后根据需要在HTML中嵌入链接和脚本标签：

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