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

最近我一直在使用nodejs,但是我一直在遇到类似的错误。 有大量的项目在那里,其中有很多有npm包,但每当我尝试npm install --save some-package我似乎无法弄清楚如何使用它们。 我不是指像快递,或mongoose,我似乎可以使用就好了。 我的意思是像Bootstrap,或者现在的masonry-layout

例如,我按照砌体布局页面上的步骤执行了以下步骤:

npm install --save masonry-layout

然后根据npm页面的masonry布局,我添加到以下我的通用scripts.js文件(我保留小的片段,我需要在这里,直到我分开代码更逻辑):

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

但是,我的控制台页面加载时出现以下错误:

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

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

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

使用一个好的<script src="…">或者一些模块加载器。 (如require.js )

我所做的是,而不是使用砌体包下载jQuery砌体脚本,并将其添加为“脚本标记”/ js文件
你可以很容易地在CSS中形成布局

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