JavaScript + css处理 - 关闭工具/任何其他工具？

Question

我们在Javascript / CSS世界中没有很多经验，因为我们主要从事Java EE项目（后端）。我们通常有webapp / resource目录，其中包含所有JS + CSS内容。

更好地管理那些JS + CSS资源，缩小器，资源版本控制，也许是混淆器。如果有人使用Google Closure工具或任何其他有用的工具来改进我们的项目，我真的很好奇。我不确定Grunt（JS项目的构建工具）是否可以以任何方式帮助我们。我们主要使用bootstrap + jquery，但我们计划继续尝试新的'酷'JS框架作为Angular或Node.js。

您能否分享一下您在这个领域的经验？你如何处理Java项目中的JS + CSS资源？

Answer 1

Google Closure和Closure Compiler可能是您的JavaScript的理想解决方案。

JavaScript，层叠样式表和媒体内容的管理和版本控制应该在某种排序版本控制中完成。除此之外，可以使用Closure Compiler执行ADVANCED_OPTIMIZATIONS来完成JavaScript的混淆，缩小和优化。

实际上，您以“原始”形式开发JavaScript文件，然后使用通过Closure Compiler运行的JavaScript进行最终用户测试。编译通常在部署过程中的某个位置自动完成到登台或生产环境，但您可能希望编译器可供开发人员在本地使用。

注意：Closure Compiler仅优化您的JavaScript，而不是您的层叠样式表。如果你想缩小它，你需要另一个工具。

Answer 2

我们使用Closure大约半年。到目前为止，它进展顺利。我们使用LESS而不是纯CSS，我推荐它。这对于开发过程肯定会有所改进。我们还将Node.js用于服务器端代码。我们的应用程序非常复杂，并且在发布之前还有很长时间，因此我不能对发布后维护做任何事情。

我已经努力将Angular与Closure整合了几个月，但最终放弃了它。它最重要的优点是数据绑定，但集成真的很痛苦。你不能只是整合和忘记它。