javascript - 如何将多个angularjs文件编译成单个应用程序文件

Question

我最近开始使用 angularjs，目前我正在开发别人的代码。整个应用程序被分为多个文件，但最终它们是从单个 application.js 文件中使用的。

我有一个如下所示的文件:

//= require (some path)
//= require (some path)
angular.element(document).ready(function () {
    angular
        .bootstrap(document, [
            (multiple routes)
        ]);
});

似乎我需要编译这个文件来为整个应用程序生成一个新的、更大的文件。不过我不知道怎么办。

Answer 1

有多种方法可以做到这一点，您可以选择现有的库，例如:

• Uglify :将 JS 源连接、缩小和“丑化”为单个“.min.js”文件的传统方法。如果您想要连接整个目录结构中的所有 js 文件而不是使用显式相对 requires，这非常有用。

• Browserify :使用 CommonJS 的 require 生成单个文件，明智地解决依赖关系。看起来更像是您想要实现应用程序的方式!请注意，require 调用是在服务器 (NodeJs) 端解析的。

• RequireJS :特定的require浏览器，意味着您的代码只能在客户端运行。