我有一个角度应用程序,需要20个不同的库:
<script src="/assets/plugins/jquery/jquery-2.1.1.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/masonry/3.1.1/masonry.pkgd.js"></script>
<script src="http://desandro.github.io/imagesloaded/imagesloaded.pkgd.min.js"></script>
<script src="/assets/plugins/jquery-ui/jquery-ui.min.js"></script>
<script src="/assets/plugins/fushion/fusioncharts.js"></script>
<script src="/assets/plugins/pace-master/pace.min.js"></script>
<script src="/assets/plugins/jquery-blockui/jquery.blockui.js"></script>
<script src="/assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="/assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<script src="/assets/plugins/switchery/switchery.min.js"></script>
<script src="/assets/plugins/uniform/jquery.uniform.min.js"></script>
<script src="/assets/plugins/offcanvasmenueffects/js/classie.js"></script>
<script src="/assets/plugins/offcanvasmenueffects/js/main.js"></script>
<script src="/assets/plugins/waves/waves.min.js"></script>
<script src="/assets/plugins/3d-bold-navigation/js/main.js"></script>
<script src="/assets/plugins/ion.rangeslider/js/ion.rangeSlider.min.js"></script>
<script src="/assets/plugins/metrojs/MetroJs.min.js"></script>
<script src="/assets/js/modern.min.js"></script>
<script src="/assets/plugins/moment/moment.js"></script>
<script src="/assets/js/angular.js"></script>
<script src="http://passy.github.io/angular-masonry/angular-masonry.js"></script>
<script src="/assets/js/rz-slider.js"></script>
<script src="/assets/plugins/fushion/angular-fusioncharts.min.js"></script>
<script src="/assets/js/angular-translate.js"></script>
<script src="/assets/js/angular-translate-loader-static-files.js"></script>
<script src="/assets/js/tmhDynamicLocale.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular-sanitize.js"></script>
<script src="/assets/js/calendar/calendar.js"></script>
<script src="/assets/plugins/fullcalendar/fullcalendar.min.js"></script>
<script src="/assets/js/angular-animate.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-aria.min.js"></script>
<script src="/assets/js/ui-bootstrap-tpls-0.9.0.min.js"></script>
<script src="//mgcrea.github.io/angular-strap/dist/angular-strap.js" data-semver="v2.2.4"></script>
<script src="//mgcrea.github.io/angular-strap/dist/angular-strap.tpl.js" data-semver="v2.2.4"></script>
<script src="//mgcrea.github.io/angular-strap/docs/angular-strap.docs.tpl.js" data-semver="v2.2.4"></script>
<script src="/assets/plugins/lightbox/js/lightbox.min.js"></script>
<script src="/assets/js/angular-ui-router.js"></script>
<script src="/assets/js/ocLazyLoad.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular-cookies.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-translate-storage-cookie/2.6.1/angular-translate-storage-cookie.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-translate-storage-local/2.6.1/angular-translate-storage-local.js"></script>
<script src="/assets/js/ng-infinite-scroll.min.js"></script>
<script src="//code.angularjs.org/1.2.28/angular-sanitize.js"></script>
<!-- Maps -->
<script src="/assets/js/lodash.js"></script>
<script src="/assets/js/angular-google-maps.js"></script>
<script src="/application-modules/app.js"></script>
现在我想以更好的方式管理它。我一直在寻找凉亭和沟壑。
所以我有几个问题:
如何管理依赖项?在上面的列表中,许多库需要角度版本2.1,但是库砌体需要角度版本3.1。我该如何解决这些问题?
如何加载自定义js文件
许多插件也需要CSS。鲍尔有这个涵盖吗?
在上面列表中实施bower设置的最佳方法是什么?我本来想要做的是:首先实现bower保持角度版本为1.2所以我需要正确解决所有依赖关系。然后,我想升级角度版本,我希望所有的依赖关系升级都能得到解决。
请注意上述问题。