Есть верстка, собрана при помощи 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
);