javascript - 要在缩小文件中包含哪些 JavaScript(UMD、CommonJS、浏览器)

Question

我正在添加angular-multi-step-form库到我的 Web 项目。

分发文件夹包含三个文件夹:browser使用缩小和未缩小的脚本，umd与此相同，并且 commonjs带有索引、指令和服务文件夹。

我的 index.html 中应包含哪些文件开发时标记，更重要的是，我应该在 uglify 的 gulpfile 中包含哪个文件？

(相关应用程序的目的是在所有平台上都能响应且可用。据我了解，UMD 与移动设备浏览器相关，但我希望在同一个应用程序中完全支持桌面和移动浏览器，所以我'我不确定我会在这两个文件之间包含哪个文件...)

文档 for angular-multi-step-form对此没有任何说明，它只是为您提供了一个指向 Github 源代码的链接，然后是实际使用它的 JavaScript 代码，但没有透露实际加载哪个脚本文件。所以肯定有一些我不熟悉的东西。 (我对 JavaScript/前端 Web 编码相对较新，但到目前为止，我还没有在我使用过的任何库中看到这种模式。)

Answer 1

UMD 与移动无关(它代表通用模块定义)。三者之间的选择取决于您是否使用模块 bundler ，例如 Webpack 或 Browserify。

如果您只是将脚本连接在一起并将它们作为全局变量访问，那么您需要使用浏览器版本 - 因为您的 Gulp 配置中有缩小，我会选择使用未缩小的版本，因为重新 -缩小代码往往会使 UglifyJS 运行得非常慢。

如果您使用的是捆绑程序(即您的代码具有 require("...") 或 import { ... } from "..." )，那么您需要导入 CommonJS 版本或 UMD 版本。不过，根据您的问题，我几乎可以肯定这不是您正在做的事情。