Экспресс и BrowserSync без глотка?

Я работаю над экспресс-приложением. Я использовал browserSync только для просмотра статических файлов, но теперь я хочу сделать то же самое с экспресс-приложением.

Я видел много примеров использования Gulp. Но мне интересно, есть ли какое-нибудь решение для управления только с помощью скриптов npm? (и нодмон?)

Мои текущие сценарии:

"scripts": {
    "start": "npm run start-server & npm run watch-js",
    "build-js": "browserify -t babelify -t aliasify -t partialify src/ | uglifyjs > public/app.js",
    "start-server": "browser-sync start --server 'public/' --files 'public/' --port 9000 --no-ui",
    "watch-js": "watchify -vd -t babelify -t aliasify -t partialify src/ -o public/app.js",
  },
 Damien Romito31 мая 2016 г., 17:02
да, я хочу использовать экспресс-сервер с browserSync
 Lim H.31 мая 2016 г., 17:40
тогда вы можете использоватьbrowser-sync start -P прокси вашего экспресс-сервера.browsersync.io/docs/command-line
 Lim H.31 мая 2016 г., 16:39
Вы хотите использовать экспресс-сервер вместо встроенного сервера browserSync?

Ответы на вопрос(2)

Решение Вопроса

Спасибо @ lim-h за помощь, действительно возможно добавить параметр--proxy (-P) вbrowser-sync start browsersync.io/docs/command-line

Вы можете скачать демо здесьhttps://github.com/damienromito/express-sync

После запуска экспресс-сервера добавьте--proxy возможностьbrowser-sync start

пример

node app & browser-sync start --proxy 'localhost:9000' --files 'public'"

соответствующий app.js:

var express = require('express'), 
    app = express(),
    router = express.Router()

app.use(router)
app.use('/public', express.static('public'));

router.all('/', function (req, res, next) {  

  res.send('<!DOCTYPE html>' +
            '<html>' +
            '<head>' +
                '<title>Whyd Store</title>' +
                '<link rel="stylesheet" type="text/css" href="public/style.css">' +
            '</head>' +
            '<body>' +
            '<p>Hello World</p>' +
            '</body>' +
            '</html>')
});

app.listen(9000);  
module.exports = app; 

НОТА: Для проверки синхронизации браузера с этим примером проекта я обновляю файл style.css в/public папка

 1valdis30 авг. 2018 г., 15:57
Для тех, кто не может заставить его работать (страница не загружается): удалите одинарные кавычки вокруг адреса в--proxy 'localhost:9000'.

@Damien Romito

Вы можете использовать этот плагин: -https://www.npmjs.com/package/connect-browser-sync

Ваш ответ на вопрос