После компиляции моего проекта я запускаю gulp serve
, чтобы увидеть результат на локальном компьютере. Но моя задача «служить» запускается и завершается без открытия страницы на моем локальном хосте ...
На моем терминале вот что я получаю:
[13:30:32] Starting 'serve'...
[13:30:32] Starting 'styles'...
[13:30:33] Finished 'styles' after 1.15 s
[13:30:33] Starting 'fonts'...
[13:30:33] Finished 'fonts' after 124 ms
[13:30:33] Finished 'serve' after 1.27 s
Как вы можете видеть , ничего не происходит.
И вот что я хочу:
[12:03:55] Starting 'default'...
[12:03:55] Starting 'serve'...
[Browsersync] Access URLs:
--------------------------------------
Local: http://localhost:3000
External: http://192.168.1.115:3000
--------------------------------------
UI: http://localhost:3001
UI External: http://localhost:3001
--------------------------------------
[Browsersync] Serving files from: app
Вот мой код для задания на подачу:
gulp.task('serve', gulp.series('styles', 'fonts'), function () {
connect.server({
port: 9001,
keepalive: true,
base: 'dist',
open: false
});
var proxy = httpProxy.createProxyServer({});
browserSync.init({
notify: false,
port : 9000,
open: true,
server: {
baseDir : ['.tmp', 'dist'],
routes : {
'/bower_components': 'bower_components'
},
middleware: function (req, res, next) {
var url = req.url;
if (!url.match(/^\/(styles|fonts|bower_components)\//)) {
proxy.web(req, res, { target: 'http://127.0.0.1:9001' });
} else {
next();
}
}
}
});
gulp.watch([
'dist/*.html',
'dist/*.php',
'dist/**/*.php',
'dist/**/**/*.php',
'dist/scripts/**/*.js',
'dist/images/**/*',
'.tmp/fonts/**/*'
]).on('change', reload);
gulp.watch('dist/styles/**/*.scss', gulp.series('styles'));
gulp.watch('dist/fonts/**/*', gulp.series('fonts'));
gulp.watch('bower.json', gulp.series('wiredep', 'fonts'));
});