Как настроить gulpfile и django для frontend разработки?

Верстка собрана при помощи gulp. Проект собирается в папке build/

При запуске py manage.py runserver проект запускается, но стили, картинки и js не грузятся, потому что он ищет их по адресу localhost:8000/css/styles.min.css, а их нет там.

Так же пробовал py manage.py runserver --insecure.

Пробовал по этим темам: ссылка, ссылка

Как настроить правильно gulpfile и django, чтобы файлы не терялись и можно было спокойно верстать?

проект
-gulpfiles.js
-package.json
-build
-src
--admin
--rest_framework
--файлы sass, js, images
--файлы html
-proj
--static
--proj
--main

Файл settings.py:

//...
STATIC_ROOT = os.path.join(BASE_DIR, '..', 'src')
STATIC_URL = '/static/'

gulpfile.js файл:

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

const django = () => {
    return spawn('python', ['proj/manage.py', 'runserver'])
        .stderr.on('data', (data) => {
            console.log(`${data}`);
        });
}
exports.django = django;

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

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(['./proj/static/**/*.{sass,css,html,py,js}']).on("change", sync.reload);
}

exports.default = gulp.series(
    server, django, watcher
);