@Gagatyn
Самоучка

Как настроить gulp задачи на django проекте?

Есть верстка, собрана при помощи gulp.
При запуске py manage.py runserver проект запускается, но стили, картинки не грузятся (404).

В интернетах увидел, что делают задачу runserver с exec. В browserSync добавляют runserver и в моем случае объекте watcher говорят следить за js, css и template.

После запуска gulp команды, ошибка.

Как настроить gulp задачи, чтобы и за html/css следил и за django файлами проекта?

const gulp = require("gulp");
const exec = require('child_process').exec;
const browserSync = require('browser-sync').create();

gulp.task('runserver', function () {
    let proc = exec('python manage.py runserver')
});

gulp.task('browserSync', ['runserver'], function () {
    browserSync.init({
        notify: false,
        port: 8000,
        proxy: 'localhost:8000'
    })
});

const server = (done) => {
    sync.init({
        server: {
            baseDir: 'build'
        },
        cors: true,
        notify: false,
        ui: false,
    });
    done();
}

const watcher = () => {
    gulp.watch("src/sass/**/*.scss", {
        delay: 500
    }, gulp.series("styles"));
    gulp.watch("src/*.html", {
        delay: 500
    }, gulp.series("copyHtml"));
    gulp.watch("build/*.html").on("change", sync.reload);
    gulp.watch("src/js/*.js", {
        delay: 500
    }, gulp.series("js"));
// тут:
    gulp.watch('s/static/scss/**/*.scss', ['styles']);
    gulp.watch('s/static/css/**/*.css');
    gulp.watch('s/static/js/**/*.js', browserSync.reload);
    gulp.watch('s/templates/**/*.html', browserSync.reload);
}

const build = gulp.series(
    clean,
    styles,
    images,
    copyHtml,
    js
);

exports.default = gulp.series(
    build, server, watcher
);
  • Вопрос задан
  • 91 просмотр
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы