Для выгрузки собранного проекта на GitHub с помощью Gulp вам понадобятся несколько шагов. Предполагается, что вы уже настроили Git и у вас уже есть аккаунт на GitHub.
Шаг 1: Установите необходимые пакеты через npm
Для начала установите необходимые пакеты Gulp, такие как gulp-git и gulp-gh-pages, используя npm (Node Package Manager):
npm install gulp gulp-git gulp-gh-pages --save-dev
Шаг 2: Настройте Gulp задачи
Создайте файл gulpfile.js в корневой папке вашего проекта и добавьте следующий код:
var gulp = require('gulp'); var git = require('gulp-git'); var ghpages = require('gulp-gh-pages'); gulp.task('add', function() { return gulp.src('./build/**/*') .pipe(git.add()); }); gulp.task('commit', ['add'], function() { return gulp.src('./build/**/*') .pipe(git.commit('Build')); }); gulp.task('push', ['commit'], function(done) { git.push('origin', 'master', {args: '--tags'}, function(error) { if (error) { done(error); } else { done(); } }); }); gulp.task('deploy', ['push'], function() { return gulp.src('./build/**/*') .pipe(ghpages()); });
Шаг 3: Добавьте файлы сборки в репозиторий Git
Запустите следующую команду в командной строке, чтобы добавить файлы сборки в репозиторий Git:
gulp add
Шаг 4: Зафиксируйте изменения
Выполните следующую команду, чтобы зафиксировать изменения:
gulp commit
Это создаст коммит с сообщением "Build".
Шаг 5: Загрузите изменения на GitHub
И, наконец, выполните следующую команду, чтобы загрузить изменения на GitHub:
gulp push
Шаг 6: Опубликуйте проект на GitHub Pages
Если вы хотите опубликовать свой проект на GitHub Pages, выполните следующую команду:
gulp deploy
Важно отметить, что для этого требуется настроенный репозиторий GitHub Pages. Если вы еще не настроили его, следуйте инструкциям на странице: https://pages.github.com/
Теперь ваш собранный проект будет выгружен на GitHub и, если вы настроили GitHub Pages, будет доступен по ссылке, соответствующей вашему учетной записи и репозиторию.