Javascript 如何在play框架中为prod部署自动化js文件连接

我正在做一个项目，前端使用AngularJs（它是一个SPA），后端使用Play Framework 1.3。我们的angularJs文件正在快速成长，所以最好将其拆分，并使用某种目录结构来保持不同文件中所有指令、控制器、过滤器等的组织。但我只想在开发环境中使用它

当我们部署到生产服务器时，我们希望找到一个自动化的解决方案，将所有js文件“连接”到一个简化版本中

例如，在生产环境中，index.html应该如下所示：

<script src="some/dir/myAngularCode.min.js"></script>

<script src="/some/dir/controllers/controller-1.js"></script>
<script src="/some/dir/controllers/controller-2.js"></script>
<script src="/some/dir/directives/directive-1.js"></script>
<script src="/some/dir/directives/directive-2.js"></script>

在开发环境中，我希望它看起来像这样：

<script src="some/dir/myAngularCode.min.js"></script>

<script src="/some/dir/controllers/controller-1.js"></script>
<script src="/some/dir/controllers/controller-2.js"></script>
<script src="/some/dir/directives/directive-1.js"></script>
<script src="/some/dir/directives/directive-2.js"></script>

等等

你能指导我做这件事吗？我找不到任何与Play框架相关的东西，有很多关于NodeJ的例子，但我们这里不使用node

---

提前谢谢

为什么不为构建过程安装节点呢？有什么害处？好吧，这是一个很好的观点，我没想过。我从未使用过node，因此我不熟悉构建过程。若我按照你们说的做，那个么在我们的Heroku生产环境中安装node是必要的，对吗？通常不会。通常情况下，在投入生产之前，您需要在本地完成所有捆绑，但这取决于您。安装Node并查看gulp。这非常简单，我们正在使用gulp.js执行相同的操作。在heroku中，还可以添加节点。然后在您的

程序文件中

web:node node_modules/gulp/bin/gulp.js&&play run--http.port=$port$play_OPTS

完成了。我最终使用npm和uglifyjs完成了这项任务。非常简单和直接。为什么不为构建过程安装node呢？有什么害处？好吧，这是一个很好的观点，我没想过。我从未使用过node，因此我不熟悉构建过程。若我按照你们说的做，那个么在我们的Heroku生产环境中安装node是必要的，对吗？通常不会。通常情况下，在投入生产之前，您需要在本地完成所有捆绑，但这取决于您。安装Node并查看gulp。这非常简单，我们正在使用gulp.js执行相同的操作。在heroku中，还可以添加节点。然后在您的

程序文件中

web:node node_modules/gulp/bin/gulp.js&&play run--http.port=$port$play_OPTS

完成了。我最终使用npm和uglifyjs完成了这项任务。很简单，很直截了当。