Express和BrowserSync没有吞咽?

我正在开发一个快速应用程序。 我只使用browserSync观看静态文件,但现在,我想要做一个快速的应用程序相同。

我看到很多使用Gulp的例子。 但是我想知道是否有任何解决scheme只能用npm脚本来pipe理? (和nodemon?)

我目前的脚本:

"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", }, 

感谢@ lim -h的帮助,确实可以将param --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; 

注意 :为了testing与这个示例项目的浏览器同步,我更新/public文件夹中的style.css文件

@达米安·罗米托

你可以使用这个插件: – https://www.npmjs.com/package/connect-browser-sync