需要脚本文件，然后将它们编译为1

Question

我有一个HTML文件，我在其中加载了一堆脚本文件，如下所示：

  

的index.html

  <script src="bower_components/angular-ui-router/release/angular-ui-router.min.js"></script>
  <script src="bower_components/angular-local-storage/dist/angular-local-storage.min.js"></script>
  <script src="bower_components/angular-route/angular-route.min.js"></script>
  <script src="bower_components/angular-animate/angular-animate.min.js"></script>
  <script src="bower_components/angular-loading-bar/build/loading-bar.min.js"></script>
  <script src="bower_components/angular-wizard/dist/angular-wizard.min.js"></script>
  <script src="bower_components/moment/moment.js"></script>
  <script src="bower_components/angular-moment/angular-moment.min.js"></script>
  <script src="bower_components/jquery/dist/jquery.min.js"></script>
  <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
  <script src="bower_components/raphael/raphael.min.js"></script>
  <script src="bower_components/morris.js/morris.min.js"></script>
  <script src="bower_components/angular-morris-chart/src/angular-morris-chart.min.js"></script>
  <script src="jquery.js"></script>

我想知道可能有一种方法可以要求＆＃34;所有这些都在一个脚本文件中，如下所示：

  

bower_components.js

require('bower_components/angular-ui-router/release/angular-ui-router.min.js');
require('bower_components/angular-local-storage/dist/angular-local-storage.min.js');
etc ...

以及之后的 in production ，编译bower_components.js以包含实际的脚本，以便我可以简单地使用它：

 <script src="bower_components.js"></script>

请注意，我不希望在开发环境中执行任何类型的任务。我在本地工作时不想编译我的脚本。

提前感谢。