Express和BrowserSync没有吞咽？

Question

Express和BrowserSync没有吞咽？

Dam*_*ito 6 node.js express nodemon gulp browser-sync

我正在开发一个快速应用程序.我只使用browserSync来观看静态文件,但是现在,我想用快速应用程序做同样的事情.

我看到很多使用Gulp的例子.但我想知道是否有任何解决方案只能使用npm脚本进行管理？(和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",
  },

Run Code Online (Sandbox Code Playgroud)

Answer 1

Dam*_*ito 14

感谢@ 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'"

Run Code Online (Sandbox Code Playgroud)

对应的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;

Run Code Online (Sandbox Code Playgroud)

注意:要测试与此示例项目的浏览器同步,我更新该文件/public夹中的style.css文件

归档时间：	9 年，5 月前
查看次数：	6617 次
最近记录：	8 年，4 月前