javascript - 使用 npm 在网页中包含脚本时的工作流程是什么？

Question

关闭。这个问题是 opinion-based 。目前不接受答案。

---

想要改进这个问题吗？更新问题，以便 editing this post 可以用事实和引文来回答它。 .

已关闭 6 年前。

Improve this question

有许多 JS 库和框架(例如 jquery)建议这样做:

npm install foo

这会给你一个node_modules其中会有 foo 的目录目录。对于大多数用于网页的 JS 库，会有一个 dist里面的目录由所需的可以使用的JS文件组成。

我现在可以包含 JS 类似 <script src="/node_modules/foo/dist/foo.js"> 的内容，但我还没有找到一个网站这样做。当然，这个文件夹可以符号链接(symbolic link)到类似 js 的东西。然后可以用作 js/foo/dist/foo.js ，尽管我不确定这是否是一个好主意，或者是否在现实生活中实现了。

对我来说，从在线源复制脚本并将它们放入我的项目存储库似乎是一个更好的主意，尽管在这种情况下会失去自动包管理的优势。

在开发基于 Node.js 的服务器端应用程序时，我确实了解 npm 的工作流程，但是，我无法理解案例涉及要包含在网页中的脚本的情况。这种情况下的工作流程到底是什么？

Answer 1

好吧，在网络中使用 NPM 安装的脚本，您必须使用一些 bundler /构建器，它会在您的应用程序中添加额外的层包管理。这将允许使用像服务器端那样的模块。将模块捆绑成单个或多个 block 后，将它们像任何其他 JavaScript 文件一样包含在您的 Web 中。

有多种工具可以完成此类工作:

• http://browserify.org/
• https://webpack.github.io/
• http://rollupjs.org/