javascript - 我可以直接在浏览器中使用 Node Package Manager (npm) 下载的 '.JS' 吗？

Question

一般来说，我想使用一些库而不是通过 Node CMD 例如:

我想编写 TypeScript playground，但我不想从“npm\node_modules”调用“tsc.cmd”，我想直接在浏览器中调用 tsc 编译器。

我可以直接在浏览器中使用下面的 js 而不是 node.js 命令提示符并编译任何 ts 文本吗？

我在 node_modules 中有这些 js:

• tsc.js
• typescript .js
• typescriptServices.js
• tsserver.js

或者

我在 Node 中安装了“beautify”包，但在“node_modules”中我有 beautify.js

我可以直接在浏览器中使用这个js文件而不是'beautify.cmd'

或者

...

一般来说，出于某些性能原因，我需要直接在浏览器中调用 node cmd 提供的功能

我可以直接在浏览器中使用 Node 包 (node_modules) 的所有 JavaScript 吗？

Answer 1

一些包正在尽最大努力检测它们是如何加载的(在 Node 内或浏览器内？使用 CommonJS 或 AMD？等)，但在大多数情况下，您将寻找的是 Browserify 工具:

http://browserify.org/

它采用 node.js 风格的包并输出浏览器就绪的脚本，其中所有特定于 Node 的 require('module') 调用都得到正确处理(还允许您替换一些如果需要，可以使用您自己的浏览器就绪的替代模块)。

最好在某处设置一个构建过程来处理将源代码转换为浏览器端打包脚本的任务，这样您就不会调用 browserify files.js -o output.js 每次手动命令。考虑使用 grunt或 gulp :)