部署javascript应用程序的最佳实践



我刚刚开始考虑将来会变得相当大的javascript应用程序构建环境的布局。我解决了很多问题,但有一件事我还没有找到一个很好的解决方案,就是如何处理脚本包括在我的html页面。也许我只是太笨了,但我不明白:

开发应用程序时,我与许多小的javascript文件工作,这些文件都需要包含在我的html页面中。当涉及到部署时,我会将所有javascript合并/合并到少量脚本文件中。如何处理脚本包含的数量变化和包含的名称变化?我需要手动调整它们吗?我希望不是!有工具可以帮我完成这项工作吗?我是不是错过了什么很明显的东西?

BTW:同样的问题是与CSS…

任何关于这方面的想法和想法都会非常有帮助。

我在我的项目中使用Grunt。通过Grunt,你可以编写JS脚本来构建前端应用程序。它允许您自动执行诸如缩小、编译、单元测试、检查等任务。只需使用插件搜索查找特定功能

我使用Douglas Crockford JsMin在Release Build中将我所有的脚本缩减为一个文件。看看这个网站。我创建了批处理文件,在我的Visual Studio解决方案的每个版本构建中执行。所有名称中包含.debug.js的文件都被缩小并保存到包含在Html中的.bundle.js文件中。您甚至可以通过在文件名中定义数字来管理包含顺序,这样就不会发生错误加载。