如何在我的项目中使用npm包

Question

我最近一直在使用nodejs，但我一直遇到类似的错误。有大量的项目，其中很多都有npm包，但每当我尝试npm install --save some-package时，我似乎无法弄清楚如何使用它们。我不是指像快递或猫鼬这样的东西，我似乎能够使用得很好。我的意思是像Bootstrap，或者现在，masonry-layout。

例如，我按照砌体布局页面上的步骤操作，并执行以下步骤：

npm install --save masonry-layout

然后根据npm page for masonry-layout我添加到我的通用scripts.js文件（我保留了我需要的小片段，直到我更逻辑地分离代码）：

$('.grid').masonry({
  // options... 
  itemSelector: '.grid-item',
  columnWidth: 200
});

但是我在控制台页面加载时出现以下错误：

TypeError: $(...).masonry is not a function
    $('.grid').masonry({

当我尝试使用其他前端节点模块或项目时，我遇到了类似的问题。我错过了什么吗？我总是最终使用cdn或手动安装文件，我厌倦了以这种方式工作。

Answer 1

您仍然需要在页面中包含这些脚本。

使用好的旧<script src="…">或某些模块加载器。 （例如require.js）

Answer 2

我所做的不是使用砌体包下载jQuery砌体脚本而是将其添加为“脚本标签”/ js文件
并且您可以在css中轻松构建布局

Answer 3

masonry-layout npm包会将您需要的.js安装到node_modules/masonry-layout/dist/masonry.pkgd.min.js中。您需要将该文件包含在网页上的<script>标记中。