在AngularJS应用程序中使用第三方模块

Question

如何在我的应用程序中使用此AngularJS模块？ https://github.com/bendrucker/angular-credit-cards

我将/src目录中的四个文件放到我的服务器上的一个目录中。所以，它的成立是这样的：

/src 
    cvc.js 
    expiration.js 
    module.js 
    number.js 

然后，在我的HTML我有以下几点：

<script src="http://example.com/content/js/angular.min.js"></script> 
<script src="http://example.com/content/js/angular-credit-cards/module.js"></script> 

我主要的JavaScript文件，我宣布我与credit-cards扶养模块：

var checkout = angular.module('checkout', ['credit-cards']); 

现在，当我的页面加载时，我收到一个错误：

Uncaught ReferenceError: require is not defined 

我相信这是有道理的，因为据我所知，require()不是在Javascript中的有效命令。这个模块是否打算被AngularJS应用程序使用？或者它是严格的NodeJS应用程序？它可以在浏览器中使用吗？我觉得我在这里错过了一些基本的东西。

Answer 1

看起来库需要RequireJS才能正常工作。

如果您不想在您的应用中使用RequireJS，则还可以使用Browserify作为构建步骤的一部分。

Answer 2

每个标签包含一个UMD构建，您可以使用没有任何类型的构建工具，例如：

https://github.com/bendrucker/angular-credit-cards/blob/v2.2.1/release/angular-credit-cards.js

因为以前的答案提到的库不使用RequireJS。 Browserify和RequireJS都使用require函数，但完全不同。