Синхронизация браузера, не соединяющая ссылки в проекте с помощью gulp - PullRequest
Новая
       65

Синхронизация браузера, не соединяющая ссылки в проекте с помощью gulp

0 голосов
/ 03 мая 2019

У меня есть проект, для которого я создаю рабочий процесс, у меня есть проект, который использует gulp для просмотра изменений браузера и sass. Файл глотка: 

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

// Compile sass to css

gulp.task('sass', function () {
    return gulp.src('./src/sass/main.scss')
        .pipe(sass().on('error', sass.logError))
        .pipe(gulp.dest('./public/css/'))
        .pipe(browserSync.stream());
});

gulp.task('serve', function () {
    browserSync.init({
        server: {
            baseDir: './src/static'
        }
    });
    gulp.watch('./src/sass/**/*.scss', gulp.series('sass'))
    gulp.watch('./src/static/*.html').on('change', browserSync.reload);
});

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

error screenshot

Моя структура:

tree

1 Ответ

0 голосов
/ 03 мая 2019

Я решил это, выполнив следующее: 

 browserSync.init({
        startPath:'./src/static',
        server:{
            baseDir: './'
        }
    });
...