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生成包含所有内容的单个包.js文件。

我从这里开始：http://webpack.github.io/docs/what-is-webpack.html

如何在html中使用node.js库？

1 个答案: