如何在HTML中使用node.js庫？

Question

我通過以下方式安裝fancybox依賴項：

npm install fancybox

我正在嘗試在HTML頁面內使用fancybox CSS：

<a class="fancybox fancybox.iframe"

我不能在html頁面中require fancybox庫嗎？

在使用節點之前，我將直接在頁面上導入庫：

   <script src="http://fancyapps.com/fancybox/source/jquery.fancybox.js"></script> 
  <link rel="stylesheet" type="text/css" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css"></link>  

但是如何在html頁面上使用節點庫？

更新：

為此，我只將node_modules目錄復制到公用文件夾。 然后使用：

var express = require('express');
var app = express();

app.use(express.static(__dirname + '/public'));

Answer 1

實現此目的的方法是使用構建工具，例如webpack。 您可以使用npm將庫安裝到node_modules/子目錄中，並在javascript文件中要求它們，然后使用webpack生成包含所有內容的單個bundle .js文件。

我將從這里開始： http : //webpack.github.io/docs/what-is-webpack.html