Tag: 浏览器同步

browserSync不能正常工作

我有这个代码重新加载浏览器的任何变化： var gulp = require('gulp'); var browserSync = require('browser-sync'); gulp.task('browser-sync', function() { browserSync({ server: { baseDir: "./" } }); }); 我在这里触发browserSync，通过html.js： var gulp = require('gulp'); var browserSync = require('browser-sync'); var fileinclude = require('gulp-file-include'); var rename = require('gulp-rename'); var util = require('gulp-util'); gulp.task('html', function() { var filename = 'middle.html'; return gulp.src(filename) .pipe(fileinclude()) .pipe(rename('index.html')) .pipe(gulp.dest('./')) .pipe(browserSync.reload({stream:true})); }); […]

与浏览器同步运行茉莉花规格

是否有可能使用浏览器同步运行茉莉花规格seleniumtesting用例？ 我能够使用nodejs中的浏览器同步来运行简单的html文件。 是否有可能使用相同的运行茉莉花规格。

我怎样才能得到browserify的“捆绑”function发出结束事件？

说我有一些相对普通的browserify脚手架打算用于吞咽： var browserSync = require('browser-sync').create(); var browserify = require('browserify'); var gutil = require('gulp-util'); var exorcist = require('exorcist'); var bundler = browserify('app.jsx', { debug: false, extensions: ['.jsx'], cache: {}, packageCache: {} }); function bundle() { return bundler.bundle() .on('error', function(err) { gutil.log(err.message); browserSync.notify('Browserify error!'); this.emit('end'); }) .pipe(source('app.js')) .pipe(transform(function () { return exorcist('public/js/app.js.map'); })) .pipe(gulp.dest('public/js')) .pipe(browserSync.stream({ once: true […]

Browsersync中间件：从发布请求redirect

我们正在开发中使用浏览器同步。 对于付款确认，付款提供商回复预定义的url。 问题是，Browsersync只显示Cannot POST /payment/success 。 所以我正在考虑编写一个接受POST请求并redirect到GET请求的同一个URL的中间件。 问题是，我不确定这是否可能与浏览器同步。 当我尝试调用res.redirect('/')会抛出一个错误： browserSync.init server: baseDir: "…." index: "/statics/master.html" middleware: [ modRewrite(['!\\.\\w+$ /statics/master.html [L]']), (req, res, next) -> res.redirect('/') # this throws a TypeError: res.redirect is not a function ] 为什么没有定义res.redirect ？ 我以为浏览器同步是基于快递？ 我怎样才能访问发布请求的正文？ req.body返回undefined

内存不足错误：汇编构build任务和浏览器同步手表

我有一个问题，我有一个节点服务任务，监视.hbs文件的变化，如果发生变化触发另一个节点任务称为'styleguide'。 此样式指南构build任务使用汇编（v0.23.0）的节点API版本。 发生的事情是，随着时间的推移，构build任务需要更长，更长的时间才能执行，直到最终以Out of Memory和JS堆栈跟踪的错误结束。 这是服务任务的styleguide手表部分。 const styleguideWatchFiles = [ './src/templates/layouts/styleguide.hbs', './src/templates/styleguide/**/*.hbs', './src/components/styleguide/**/*.hbs' ]; //watch STYLEGUIDE chokidar.watch(styleguideWatchFiles, { ignoreInitial: true }) .on('error', error => log.error(error)) .on('all', (event, path) => { log.file('File Changed', path); run(styleguide).then(() => { browserSync.reload('*.html'); }).catch(err => { log.error(err); }); }); 这是styleguide构build任务。 /*eslint no-console: 0 */ /** * styleguide.js * * Build script […]

为每个路线重新加载浏览器（Express + gulp + Browsersync）

我已经build立了一个快速生成器生成一个简单的快速Web服务器如下： express test -ejs 一切工作正常，我有以下文件夹（几个变化）： 我现在想要实现的是： – 对于我正在“/routes/*.js”和“./*.js”中处理的每个文件，保存重新加载服务器和浏览器 – 对于“/ views”和“/ public”中的每个文件，只保存重新加载浏览器 为此，我在代理模式下设置了一个带浏览器同步的gulp file.js，如下所示： var server = require('gulp-develop-server'); var bs = require('browser-sync').create(); (some tasks for checking js and less …) var options = { server: { path: './bin/www', execArgv: ['–harmony'] }, bs: { proxy: { target: 'http://localhost:5000', middleware: function (req, res, next) { console.log(req.url); next(); […]

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

browserSync的modRewrite不适用于angularjs html5mode的path“app / index.html”与吞咽

当我运行gulp时，服务器以消息开始：不能得到/。 当我指向localhost：3000 / app / index.html时，站点redirect到localhost：3000 / home并正常工作。 但是，当我重新加载页面，它给：不能得到/ home。 请检查以下configuration，看看是否有遗漏： 访问path：app / index.html 这是我的gulpfile.js： var gulp = require('gulp'), nodemon = require('gulp-nodemon'), jshint = require('gulp-jshint'), browserSync = require('browser-sync') modRewrite = require('connect-modrewrite'); gulp.task('lint', function () { gulp.src('app/js/*.js').pipe(jshint()); }); gulp.task('serve', function() { browserSync({ server: { baseDir: "./", middleware: [ modRewrite([ '!\\.\\w+$ /index.html [L]' ]) ] } }); […]

gulp.js服务src文件没有browserSync？

与Yeoman Gulp-Angular搭build了一个新项目。 我明白BrowserSync的前提，但坦率地说，我不能理解任何人如何容忍他们的networking请求泛滥： 我想立即从我的项目中删除BrowserSync。 如何纠正下面的代码，以便gulp serve并执行预览未缩小的src文件的相同function，但是不使用BrowserSync？ 这里是我现在的gulp/server.js ，由gulp-angular生成的默认值： 'use strict'; var gulp = require('gulp'); var browserSync = require('browser-sync'); var browserSyncSpa = require('browser-sync-spa'); var util = require('util'); var middleware = require('./proxy'); module.exports = function(options) { function browserSyncInit(baseDir, browser) { browser = browser === undefined ? 'default' : browser; var routes = null; if(baseDir === options.src || […]

使用与node.js应用程序的浏览器同步

我有一个现有的节点应用程序。 我的节点目录结构是这样设置的： ./ node_modules/ src/ views/ index.html … server.js test/ gulpfile.js package.json 我可以成功地启动我的应用程序我的运行node ./src/server.js从上面显示的根。 一旦开始，我可以在浏览器中访问“ http：// localhost：3000 ”，看到index.html的内容，就像我期待的那样。 我想加快我的发展，我最近了解到浏览器同步 。 为了将其纳入我的g process过程，我有以下几点： var browserSync = require('browser-sync').create(); browserSync.init({ server: { baseDir: './src/', server: './src/server.js' } }); 当我运行gulp时，我在命令行看到以下内容： BS]访问URL： ————————————– Local: http://localhost:3000 External: http://[ip address]:3000 ————————————– UI: http://localhost:3001 UI External: http://[ip address]:3001 ————————————– 我的浏览器然后打开，它试图加载http：// localhost：3000 。 在这一点上，我在浏览器窗口中看到以下错误： […]