JavaScript + CSS處理 - 閉合工具/任何其他工具？

Question

我們在Javascript/CSS領域沒有太多的經驗，因爲我們主要做Java EE項目（後端）。我們通常有webapp/resource目錄，其中包含所有JS + CSS內容，就是它。

如果能更好地管理那些JS + CSS資源，minifier，資源版本控制，可能是混淆器，那將是一件好事。如果有人使用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編譯器只會優化您的JavaScript，而不是您的層疊樣式表。如果你想縮小這一點，你需要另一個工具。

Answer 2

我們使用閉合約半年。到目前爲止，它進展得非常好。我們使用LESS而不是普通的CSS，我推薦它。這對開發過程肯定會有所改進。另外我們使用Node.js作爲服務器端代碼。我們的應用程序非常複雜，在發佈之前還有很長時間，所以我不能說發佈後的維護。

我努力將Angular與閉合整合幾個月，但最終放棄了它。它最重要的優點是數據綁定，但整合非常痛苦。你不能只是整合和忘記它。