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

标签 javascript npm

有许多 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 的工作流程,但是,我无法理解案例涉及要包含在网页中的脚本的情况。这种情况下的工作流程到底是什么?

最佳答案

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

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

关于javascript - 使用 npm 在网页中包含脚本时的工作流程是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39561540/

相关文章:

javascript - 通过JS创建图片后如何判断图片是否被点击?

javascript - 使用用户帐户登录 MongoDB

javascript - 哪个 Javascript 函数库 : Underscore or wu. js 或 Functional 或...?

angular - ngModuleType.ngModuleDef.id 未定义 - 导入 NguCarousel 模块时出现 Angular 8 问题

javascript - 如何在多个 Controller 中使用相同的数据?

javascript - 如何在 JavaScript 中保存未经授权的操作

javascript - 我可以告诉节点使用更大的堆吗?

node.js - Node cmd 在 fsevents 点执行 'npm install' 时挂起

javascript - Node.js 端口 3000 已经在使用,但实际上不是?

bash - 启动脚本以启动分离的屏幕并在其中运行 bash 脚本