dist需要什么？

Question

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

所以我已经收集了所有的控制器/服务 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

这样的依赖注入：

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

缩小后会被破坏。

你应该在之前注释它们：

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

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