前端节点 NPM 模块和相同依赖项的多次下载

Question

有前端开发问题的节点/NPM 新手。我了解 NPM 类型模块的优势之一是它的依赖项安装在自身内部，在 node_modules 中。模块总是有他们需要的代码，外部库不会冲突。

也就是说，这似乎会导致客户端多次下载相同的 lib+ver（例如 jquery v.X）。指定模块需要依赖项但如果该依赖项已在站点/页面上可用，则不应打包该代码的技术是什么？所述技术是否涉及使共享 lib+ver 可用的父模块？

或者，各种前端模块是否应该只是重新下载页面上其他模块可能已经下载的相同 lib+ver？

Answer 1

客户端只会从该文件夹中抓取需要的文件，因此如果它在 HTML 中链接一次，客户端只会抓取一次。 NPM 自动处理依赖重复。

话虽如此，通常您只想为客户端提供一个静态文件夹，而不会透露您的整个服务器结构。这可以通过以下方式实现：

app.use(express.static('server/public')

其中 'server/public' 是相对于您要提供的 server.js 文件的目录。在这种情况下，'public' 包含从 HTML 页面链接的所有链接视图文件、样式表、JS 文件等。您也不需要将该模块的依赖项移到那里。

这样做的缺点是您必须手动将依赖项移动到公用文件夹（我通常创建一个“供应商”目录）并从那里链接。虽然工作量更大，但从长远来看，它更高效、更安全。

注意：当使用静态文件夹提供文件时，您的 HTML 链接将从该文件夹的相对路径提供。