我在Angular有一个小项目.我正在努力保持一切都在单一责任的方式和
我很高兴与我的应用程序结构.唯一认为我觉得不是很好的是index.html.所有js文件都包含在其中
文件的底部,我不喜欢它的外观.我在添加更多的文件(控制器,服务等)和列表
可以长得很长
我很高兴与我的应用程序结构.唯一认为我觉得不是很好的是index.html.所有js文件都包含在其中
文件的底部,我不喜欢它的外观.我在添加更多的文件(控制器,服务等)和列表
可以长得很长
所以我的问题是：索引文件是否包含所有这些或者是否可以在单个文件中移动所有这些,并在index.html中引用它是否正常？
<html>
<head>
...
</head>
<body>
...
...
<script src="assets/js/angular.js"></script>
<script src="assets/js/angular-route.js"></script>
<script src="assets/js/angular-touch.js"></script>
<script src="assets/js/angular-sanitize.js"></script>
<script src="assets/js/angular-animate.min.js"></script>
<script src="assets/js/jquery-2.1.3.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="app/app.js"></script>
<script src="app/app.routes.js"></script>
<script src="controllers/controllerOne.js"></script>
<script src="controllers/controllerTwo.js"></script>
<script src="controllers/controllerThree.js"></script>
<script src="directives/directiveOne.js"></script>
<script src="directives/directiveTwo.js"></script>
<script src="services/serviceOne.js"></script>
<script src="services/serviceTwo.js"></script>
<script src="services/serviceThree.js"></script>
</body>
</html>
更新07/04/2015
我最终使用Gulp.对于任何寻求帮助的人来说,我遵循了这个小小的教程：https://medium.com/@dickeyxxx/best-practices-for-building-angular-js-apps-266c1a4a6917
解决方法
有几种可能的解决方案,我知道会自动注入您的脚本标签为index.html：
>使用Gulp – 任务/构建赛跑者.
你可以使用Gulp-Inject：
a stylesheet,javascript and webcomponent reference injection plugin
for gulp
> Grunt – JavaScript Task Runner
您可以使用Grunt-Injector：
Inject references to files into other files (think scripts and stylesheets into an html file)
>另一个我没有使用的选项是RequireJS.
见 – http://www.startersquad.com/blog/angularjs-requirejs/
您可以在Gulp vs Grunt上找到许多讨论,两者都会使您的生活更轻松,并解决您的问题.
看到：
