javascript - 生成客户端即用型 Javascript 代码所需的最少命令数？

Question

对于我们可以在 Github 上找到的许多 JS 库，现在不可能通过以下方式直接在客户端项目中使用它们:

<script src="thelibrary.js"></script>

浏览器不会接受 fernet.js 中出现的 require 和其他与 Node 相关的关键字。甚至在 fernetBrowser.js .

我在这里阅读了一些教程，建议安装Node(使用npm)，然后安装browserify或webpack 还有转译器等。但在安装任何新软件之前，我通常会确保绝对需要了解它的工作原理。

问题:要使用 require 将 .js(例如 fernetBrowser.js )转换为 .js，需要运行的命令行命令的最少数量是多少文件可以直接在客户端的浏览器中加载吗？

Answer 1

在您的示例中，该文件已准备好在浏览器环境中使用，因为它是使用 browserify 构建的，以便复制所有库并将它们映射到其路径(例如:'crypto-js/aes')。 Browserify 还添加了一些样板代码，使浏览器能够使用 CommonJS 语法(require 和 module.exports)。

因此，为了回答您的问题，为了使用 CommonJS 导入从文件创建浏览器就绪的包，要运行的最少命令数是一个，因为要执行的唯一任务是将代码及其依赖项捆绑到一个文件中(+ 还安装依赖项):

npm i -g browserify  # once for all
npm i
browserify -s fernet fernet.js > fernetBrowser.js

对于生产就绪的文件，您还可以使用缩小器，例如 Terser为了提供尽可能小的 JavaScript 文件(同时混淆您的代码)。

如果有多个JS文件需要捆绑，答案如下:Browserify multiple files into a single bundle