Никита Егоров

Если хотите, что бы ваш код можно было просматривать, то выкладывайте build, src и package.json, но не надо заливать node_modules, это бессмысленно. Кому нужно, сам установит все зависимости.

Если вам просто нужны githubPages, и код показывать не намерены, то понадобится только содержимое папки build.

Но как бы делают не так...

Один раз настраивают все директории и все. Дальше только три команды ->

git clone url/to/project
npm i
npm run serve

Так делают почти все проекты, включая крупные фреймворки и популярные шаблоны.

У вас есть какой-то шаблон. Для удобства залейте его на github и все.

Зачем менять имя package.json и описание? У меня в проекте в имени указан просто Vue-template и в описании перечисление технологий, что бы другим было удобно.

Установка шаблона в несколько команд ->

git clone https://github.com/name/project
npm i
npm run serve

И все, работайте.

Оф документация

В entry передаете несколько точек входа и все

entry: {
	messenger: './messenger',
	about: './about',
},

После к ним можно обращаться как к глобальным переменным.

Эмммм.... Ничего не понял. Разный масштаб ? Настройте его через ctrl +/-

Вот:

gulp.task('browser-sync', function() {
    browserSync({
        server: { 
            baseDir: 'dev/client'
        },
        notify: false
    });
});

gulp.task('watch', ['browser-sync',], function() {
    gulp.watch('ваш_путь/**/*.js', browserSync.reload);
});

Установите плагин babel-plugin-transform-react-jsx, а после подключите его.
npm i -D babel-plugin-transform-react-jsx

gulp.task('babel', function() {
    return gulp.src('js/source/**/*.js')
        .pipe(babel({
            plugins: ['transform-react-jsx']
        }))
        .pipe(gulp.dest('js/build'))
});