Как исправить эту сборку галп?

Question

[BludFIRE]

Пытаюсь написать правильный gulpfile, но не могу в браузере пишет cannot get.
Gulp 4.0.2
Все пакеты с помощью нпма добавил как DevDependency

var gulp = require('gulp');
var browserSync = require('browser-sync').create();
var sass = require('gulp-sass');

gulp.task('sass', function(done) {
    gulp.src("assets/css/scss/*.scss")
        .pipe(sass())
        .pipe(gulp.dest("assets/css/css"))
        .pipe(browserSync.stream());


    done();
});

gulp.task('serve', function(done) {

    browserSync.init({
        server: "homepage.html"
    });

    gulp.watch("src/sass/*.sass", gulp.series('sass'));
    gulp.watch("src/*.html").on('change', () => {
      browserSync.reload();
      done();
    });
  

    done();
});

gulp.task('default', gulp.series('sass', 'serve'));

Я должен всего лишь компилировать код sass в css, Файловая структура:

assets>> css >> scss(папка в которой стоит сасс код который должен компилироваться) , main.css(в этот файл должен компилиться сасс)

node_modules

gulpfile.js
index.html
package.json

Answer 1

[ilonikso]

Тебе нужно установить gulp глобально

Comments

[BludFIRE]

галп работает правильно он загружается, но в браузере browser-sync пишет CANNOT GET /, в коде наверно где-то накосячил

[ilonikso]

Возможно проблема в том что browsersync ищет index.html в корне. Попробуй переименовать, или использовать мой вариант

browserSync.init({
        server: {
            baseDir: './scr'
        },
        tunnel: false,
        host: 'localhost',
        port: 9000
    });

Answer 2

[Сергей delphinpro]

можно пойти и почитать документацию browserSync
Серверу указывать папку с html файлами, и разрешить показывать листинг директории.

https://browsersync.io/docs/options#option-server