上一篇: node.js – 使用cron每12h重启pm... 下一篇:node.js – 使用Mocha和Chai测试...

node.js – 没有gulp的Express和BrowserSync？

Node.js 发布时间：2022-04-24 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了node.js – 没有gulp的Express和BrowserSync？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我正在开发一个快速应用程序.我只使用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",},

@H_607_9@解决方法

感谢@ lim-h寻求帮助,确实可以将param –proxy(-p)添加到浏览器同步启动 browsersync.io/docs/command-line

您可以在此处下载演示@L_404_1@

启动快速服务器后,将–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;