crunching templates in backbone.js
===

I'm using backbone.js and during development have many .js and .html template files (one per model).
I'm crunching all the .js to one file before I deploy the app and it works great.
How can I do this for the templates too? I've had a few ideas but they have problems:

* put all templates under invisible "div" tags in the main page. however the templates will be "executed" once the browser loads them (e.g. pictures get download w/o need)
* put the encoded templates inside javascript variables. But the encoded html will not be readable which is important for client debugging
* put the templates in an external xml file. I want to avoid xml parser though. and other non-xml format will again not be readable due to encoding.