CSS檔案和JS檔案組織

在開發的時候會使用到多個CSS檔案和JS檔案，如何組織就成了一個問題。

個人認為在開發的時候使用多個檔案，這樣方便查看，到發布的時候再用工作合并成一個。

大概思路如下：一般包括兩個檔案，一個在開發的時候使用，一個在發布的時候使用，程式根據配置載入其中一個。
例如有一個All-debug.css檔案，在開發的時候使用，裡面的內容是：
@import url(../960/960-all.css);
@import url(core.css);
@import url(two_col_form.css);
另外有一個All-Release.css檔案，在發布的時候使用，發布時用工具把上面的那些CSS檔案合并到一個。
在代碼中根據配置載入這兩個檔案中的一個。

 

JS的管理也可以這個， 在debug檔案中寫一個JS載入的方法，按順序載入js檔案，發布的時候就直接合成一個，不再使用JS負載檔案。