如何在項目中使用npm軟件包

Question

我最近一直在使用nodejs，但是我一直遇到類似的錯誤。 有很多項目，其中很多都有npm軟件包，但是每當我嘗試npm install --save some-package我似乎都無法弄清楚如何使用它們。 我不是說快遞或貓鼬之類的東西，我似乎可以使用它。 我的意思是類似Bootstrap或現在的masonry-layout 。

例如，我遵循砌體布局頁面上的步驟，並執行以下步驟：

npm install --save masonry-layout

然后根據關於砌體布局的npm頁面，我在通用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>標記中。