я настроил некоторые задачи gulp и запустил gulp, но gulp работает на порту 3000, а конфигурация моего приложения - прослушивать порт 4545, поэтому он открывает порт 3000, но не отображает содержимое, например Cannot GET /. структура моего проекта похожа на
- контроллеры
- Просмотры
- публичный
- app.js
- gulpfile.js
поэтому я хочу, чтобы gulp прослушивал порт, определенный в app.js, и следил за изменениями в публичном файле. Я включил плагин gulp, такой как gulp-plumber, gulp-browser-sync.
и это мой gulpfile.js
var gulp = require('gulp'),
browserSync = require('browser-sync'),
reload = browserSync.reload,
plumber = require('gulp-plumber')
gulp.task('scripts', function() {
return gulp.src('public/javascripts/**/*.js')
.pipe(plumber())
.pipe(reload({
stream: true
}));
});
gulp.task('styles', function() {
gulp.src('public/stylesheets/**/*.css')
.pipe(plumber())
.pipe(reload({
stream: true
}));
});
// gulp.task('html', function() {
// gulp.src('app/**/*.html')
// .pipe(reload({
// stream: true
// }));
// });
gulp.task('browser-sync', function() {
browserSync({
server: {
baseDir: "./"
}
});
});
gulp.task('watch', function() {
gulp.watch('public/javascripts/**/*.js', ['styles']);
gulp.watch('public/stylesheets/**/*.css', ['scripts']);
});
gulp.task('default', ['scripts', 'styles', 'browser-sync', 'watch']);