Загрузка шаблонов с базовыми js

Я начинаю с разработки javascript и делаю простой проект с node.js как API для отдыха и клиентом, использующим магистраль, все отлично выглядит, пока я не хочу, чтобы мои шаблоны выходили из моих js.

Я нашел разные подходы, некоторые из них с некоторым временем (например, один год), но я не могу понять, какой из них может быть лучше:

  • Файл .js с var с кодом html

    pros → легко загружается, легко переносится на подчеркивание, чтобы скомпилировать его.

    cons → scape каждую строку.

    app.templates.view = " \
    <h3>something code</h3> \
    ";
    

    Загрузите шаблон:

    template: _.template(app.templates.view)
    

Внешний шаблон в подстроке

  • Используйте require.js для загрузки с помощью текстового модуля.

    pros → загружать различные шаблоны по мере необходимости.

    cons → Мне не нравится подход ко всем функциям "loader"...

    define(["TemplateEngine", "text!templates/template.html"], function(...
    

RequireJS: загрузка модулей, включая шаблоны и CSS

  • Функция, загружающая шаблоны с ходатайством AJAX.

    pros → Вы можете загрузить необходимый шаблон и добавить возможности локального хранилища.

    cons → Кажется, что я должен объединить все мои шаблоны в один файл для производственных сред.

    function() {
    
    var templateLoader = {... $.get calls ...}   
    

Лучший способ асинхронной загрузки шаблонов подчеркивания

  • И подключаемый модуль JQuery для загрузки шаблона, который мне очень понравился, но кажется, что он не вышел на выпуск?

http://api.jquery.com/jQuery.template/

Кажется, что нужен лучший подход, но, возможно, я что-то упускаю, я не хочу делать все как можно чище, так как я нахожусь в фазе обучения/удовольствия: D

Любая хорошая статья или проект github с хорошей структурой или любым светом на этом будет оценена.

Спасибо.

Извините любую серьезную ошибку правописания, а не говорящую на английском языке:)

- EDIT-- нашел несколько интересных видеороликов, чтобы понять, как начать и обернуть вещи с помощью require.js http://www.youtube.com/watch?v=VGlDR1QiV3A

http://www.youtube.com/watch?v=M-wjQjsryMY

Ответ 1

Я бы рекомендовал использовать require.js с текстовым плагином. Смешивание html-шаблонов как строк в javascript-переменной - плохая идея, а также использование чего-то вроде <script type="text/template"></script>.

Вот одна очень хорошая серия на backbone.js, которая также включает загрузку шаблона и сборку проекта: http://dailyjs.com/2012/11/29/backbone-tutorial-1/. Проект Github также предоставляется там.

Ответ 2

Требовать - хороший вариант из тех, которые вы указали.

Есть ли причина, которую вы просто не считали:

  • Сохранение шаблонов на страницах, которые используют их как <script type='text/template'> узлы?

  • Сохранение шаблонов в виде текстовых (не-JS) файлов и их загрузка через XHR на страницах, которые их используют?