如何在缩小之前管理AngularJS WebApp的E2E测试？

Question

我们使用AngularJS Seed作为项目模板创建WebApp.有许多控制器,指令,服务,每个都在它自己的js文件中.

• 应用程序文件夹的内容将使用Closure缩小.
• 所有lib依赖项将通过CDN替换为缩小版本.
• 使用Testacular/Jasmine进行单元/ e2e测试.

我不确定典型的dev-compile-test过程是什么,因为我是AngularJS和Javascript WebApps的新手一般:-)我的问题是如何在开发期间管理app js文件,以便E2E测试是可调试的.这是我目前的想法;

1. Testacular监视源文件以进行连续单元测试.
2. index.html页面始终引用连接但非minfied的js文件.
3. 必须在应用程序运行/ e2e测试之前进行编译.
4. 构建服务器将缩小作为其活动的一部分.

这是一种合理的方法吗？它有助于澄清我正在使用WebStorm,nodejs等.

Answer 1

感谢所有提供建议的人，他们都帮助我找到了解决方案。该流程图（或多或少）描述了有效的构建过程。这里的关键是你需要一个构建工具。应该使用构建工具（在本例中为 GruntJS）来管理多个任务的排序。顺序将根据目标而变化，构建工具允许您在许多不同的场景中重用任务。

以 AngularJS 应用程序为例。参考github上的angular-app；

https://github.com/angular-app/angular-app

您将找到用于实现 Angular 应用程序的参考应用程序。它包含在 Grunt 中实现的用于持续测试、构建和发布的构建过程。更一般地说，这个参考应用程序是实现高度可管理、易于理解的 JavaScript 项目的优秀指南。