javascript - dist 需要什么？

Question

我正在使用 gulp 为我的 Angular 应用构建分发 (dist) 文件夹。

所以我已经收集了所有 Controller /服务 JS 文件以及我的 CSS，现在我需要处理 bower 文件夹的内容。

我已经尝试连接所有 JS 文件(使用 gulp-useref)，但是我一直看到有关缺少依赖项的错误。

我尝试复制整个 bower_components 文件夹，但我一直看到错误:

angular.js:68 Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to:
Error: [$injector:modulerr] Failed to instantiate module theRoutes due to:
Error: [$injector:unpr] Unknown provider: e

HTML 是:

<!-- build:js assets/deps.js -->
<script src="/bower_components/angular/angular.js"></script>
<script src="/bower_components/angular-route/angular-route.js"></script>
<script src="https://code.angularjs.org/1.5.5/angular-sanitize.js"></script>
<script src="/bower_components/angular-messages/angular-messages.js"></script>
<!-- endbuild -->

知道发生了什么事吗？

Answer 1

像这样的依赖注入(inject):

function($http) {
 // ...  
}

缩小后会被破坏。

你应该在之前注释它们:

['$http', function($http) {
 // ...
}]

您可以为此使用一些自动化工具。例如ng-annotate或 ng-min