哪个JavaScript包含在缩小文件中(UMD,CommonJS,浏览器)

时间:2017-05-05 15:49:43

标签: javascript module

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

分发文件夹包含三个文件夹:browser包含缩小和未缩小的脚本,umd具有相同的文件夹,commonjs包含索引,指令和服务文件夹。

开发时我在index.html标记中包含哪些文件,更重要的是,我将uglify的gulp文件中包含哪个文件?

(有问题的应用程序旨在响应并可在所有平台上使用。据我了解,UMD与移动设备浏览器有关,但我想在同一个应用程序中完全支持桌面和移动浏览器,所以我'我不确定哪个文件甚至包含在那两个文件中......)

文档for angular-multi-step-form没有说明这一点,它只是给你一个指向Github源代码的链接,然后是实际使用它的JavaScript代码,但没有关于实际加载哪个脚本文件的内容。因此,必须有一些我认为不熟悉的东西。 (我对JavaScript /前端Web编码比较陌生,但到目前为止我还没有在我使用的任何库中看到过这种模式。)

1 个答案:

答案 0 :(得分:2)

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

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

如果您正在使用捆绑包(即您的代码中包含require("...")import { ... } from "..."),则需要导入CommonJS版本或UMD版本。我几乎可以肯定,根据你的问题,这不是你正在做的事情。