если у вас большое приложение, я советую вам посмотреть require.js
в сочетании с текстовым плагином
require.js позволяет вам динамически загружать ваши скрипты, когда они необходимы,
текстовый плагин идеально подходит для загрузки файлов с текстовым содержимым так же, как вы используете его в модулях javascript. так что вы можете поместить ваши шаблоны в отдельные файлы и перечислить их как зависимости для вашего javascript, а затем они будут загружены, когда они нужны javascript.
1010 * редактировать *
простое решение: поместите ваши блоки скриптов в отдельный html-файл, загрузите их с помощью jquery.
separatefile.html
<script type="text/template" id="user-template">user content here...</script>
<script type="text/template" id="form-template">form content here...</script>
<script type="text/template" id="mail-template">mail content here...</script>
ваш скрипт:
$(function(){
$('#templates').load("/separatefile.html", function(){
// handle everything after you have your templates loaded...
});
});