Как сделать деплой собраного gulp-ом проект на гит?

Question

[Gagatyn]

Всё по инструкциям из интернетов.
На странице gulp-gh-pages описан деплой в пару строк.
Параметры, которые не указаны в примере по умолчанию:
options.remoteUrl - по умолчанию берет текущую ссылку на репозиторий https://github.com/имя/имя-репозитрия,
options.branch по умолчанию gh-pages
Код gulpfile.js с кодом для деплоя.

При запуске, не на мастере(main) команды npm run deploy, а deploy = gulp deploy, ошибка:

TypeError: Cannot read property '0' of null
    at Function.module.exports.Commit.actor (С:\...\node_modules\gift\lib\commit.js)
at Function.module.exports.Commit.parse_commits (C:\..\node_modules\gift\lib\commit.js:111:21)
    at C:\...\node_modules\gift\lib\commit.js:55:39
    at ChildProcess.exithandler (child_process.js:294:7)
    at ChildProcess.exithandler (child_process.js:294:7)
    at ChildProcess.EventEmitter.emit (domain.js:506:15)
    at maybeClose (internal/child_process.js:1021:16)
    at Process.ChildProcess._handle.onexit (internal/child_process.js:286:5)
    at Process.callbackTrampoline (internal/async_hooks.js:120:14)
...
npm ERR! project@ deploy: `gulp deploy`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the socks@ deploy script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
...

И всё. Не вышло. Замечательно.
В интернатах писали, что причина в пустых <img src="" />, проверил свой html, нет пустых.

Подскажите, пожалуйста, как завершить дело и увидеть на gh-pages скомпилированный проект?

Answer 1

[ilonikso]

Сделай таску в package json.
gulp build - такска из галпка для сборки проекта, gh-pages -d build автоматически создаст ветку gh-pages, и закинет в нее собраный проект и изменит все настройки, что остается просто только открыть сайт по ссылке.

Перед этим создай репозиторий, и соедени удаленный с локальным.

"scripts": {
    "deploy": "gulp build && gh-pages -d build"
  },

Если знаешь англ, тут подробно объясняется как все легко настроить
https://www.youtube.com/watch?v=SKXkC4SqtRk&ab_cha...

Comments

[Gagatyn]

Проблема решилась поздней ночью. Новый репозиторий.
В следующий раз попробую gh-pages.
Описал решение проблемы в комментариях с Dennis.
Ломал голову, что за флаг -d, delete что ли, оказалось deploy :)

Спасибо.

Answer 2

[Dennis]

В репозитории на Github необходимо создать новую ветку с именем 'gh-pages' . Перейти в Settings репозитория, пролистать страницу вниз до GitHub Pages и в настройках указать данную ветку.
И еще в gulpfile.js нужно прописать путь, где находится скомпилированный проект, примерно так

const gulp = require('gulp');
const ghPages = require('gulp-gh-pages');

gulp.task('deploy', function() {
    return gulp.src('./dist/**/*')
        .pipe(ghPages());
});

где dist - это папка с готовой компиляцией проекта
И все заработает.

Comments

[Gagatyn]

Да, сделал это всё, может нужно ждать чего-то, пока порт откроется

[Dennis]

при запуске задачи 'deploy' она выполняется без ошибок? Я буквально вчера выполнял такую же задачу, все прошло без проблем.

[Gagatyn]

Dennis, gulp deploy и ошибка сверху, которую я прикрепил. Я так же указал свой код gulpfile.js в вопросе

[Dennis]

Проверь установлен ли у тебя Git, если нет скачай и установи https://git-scm.com/downloads , попробуй заново инициализировать репозиторий.
Попробуй сделать все по данной инструкции Деплой Gulp проектов на GitHub Pages Она рабочая, проверено на себе

[Gagatyn]

Проблема решилась. Новый репозиторий.
Видимо я начал не правильно, изначально создал ветку gh-pages, что не давала сделать gulp deploy каким-то образом (может из-за текущего проекта в ветке с файлом .git текущего репозитория). Удаление данной ветки и повторение команды не принесли результатов, дальнейшие танцы с этой веткой не принесли результатов.

[Дмитрий]

Dennis , подскажите, подходит ли данная инструкция для случая, когда папка build не попадает в репозиторий?

[Dennis]

Дмитрий, скорее всего, такой вариант не сработает. И не понятен смысл использования GH Pages, без ресурсов приложения. Думаю все же стоит добавить эту папку в репозиторий или сделать новый репозиторий. сложно сказать однозначно, зависит от задачи

[Дмитрий]

Спасибо.