Как в gulp настроить генерацию статичного сайта с двумя локалями?

Question

[Raper99]

Добрый день!

Есть сайт, полностью статичный - html, css и немного javascript. Разбит на Jade-шаблоны, собирается с помощью gulp.
Не так давно появилась необходимость сделать его локализацию на другой язык, оставив вместе с тем русскую версию.

Взвесив все варианты реализации, пришел к тому, что шаблоны по-хорошему должны остаться общими, а подаваемая в них информация - разная. Хотелось бы разделить структуру так, чтобы в основном шаблоне через управляющую логику подключался тот или иной include из каталога соответсвующей локали, а на выходе это помещалось в out/en и out/ru, соответсвенно.

Подскажите, как это можно реализовать на уровне сборщика и на уровне jade. По-хорошему, без чтобы при запуске gulp-watcher'ов собирались в статику сразу обе локали, если происходят изменения в верстке, чтобы не править каждую отдельно.

Спасибо.

Answer 1

[Андрей Хохлов]

Вы можете передавать данные в jade шаблоны при компиляции.
Для начала сделайте 2 задачи на сборку шаблонов:

gulp.task('templates:ru', (cb) => {
  gulp.src(config.src)
    .pipe(jade({
      data: dataRu,
    }))
    .pipe(gulp.dest(config.destRu))
    .on('end', () => {
      cb(null);
    });
});

gulp.task('templates:en', (cb) => {
  gulp.src(config.src)
    .pipe(jade({
      data: dataEn,
    }))
    .pipe(gulp.dest(config.destEn))
    .on('end', () => {
      cb(null);
    });
});

И watcher на эти файлы, который будет запускать обе задачи.

Comments

[Raper99]

сама по себе передача данных предполагает их хранение "вне" шаблонов, если я вас правильно понимаю. Например, хранить данные где-нибудь в json. В реалиях проекта, jade является по сути "html-препроцессором", позволяющим делать инклюды хедера, футера и прочих повторяющихся частей страницы. Весь контент хранится в jade подобно тому, как он хранится в статичных html-страницах.

Поэтому я развивал мысль в сторону jade-инклюдов с разными языковыми локалями, которыми можно при рендере управлять каким-либо образом из "главного jade-шаблона", в котором они подключаются. или мы о разном говорим? :)

[Андрей Хохлов]

Это не очень правильно конечно, но почему бы и нет. Вы в качестве данных передаете локаль и

if (locale === 'ru')
    include _parts/hello-ru
  else
    include _parts/hello-en

[Raper99]

Про правильность - полностью согласен, но это боевые реалии, которые довольно стихийно сложились. :))) Спасибо!