问题标签 [gulp-browser-sync]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
php - 如何使用浏览器与 php 同步
我想将 Browsersync 与 PHP 一起使用,但我似乎无法让它正常工作。
目前我正在使用 Gulp。是否可以将 Browsersync 与 XAMPP/MAMP 一起使用,或者使用 Gulp 插件来读取.php
文件?
gulp - 错误您尝试启动 Browsersync 两次
我正在尝试在我的 gulp 文件中设置 browsersync,但不断收到此错误“[错误]您尝试启动 Browsersync 两次!”。
我的 gulpfile.js 文件看起来像这样。
除了 browsersync 位之外,所有任务都运行并且一切正常。任何帮助都会很棒。
gulp - Browsersync 在 CSS 注入之前重新加载页面
我正在使用Gulp
, Browsersync
,Sass
为 CSS 和Pug
HTML 实现构建。<link>
在编译样式和标记后,我还将 stylesheets 注入到 HTML 中。
初始构建工作正常,但我在使用 Gulp 实现监视 CSS 和 HTML 文件的更改时遇到问题。现在发生的事情是在更改任何源文件(标记或样式表)时,当 Browsersync 重新加载浏览器时,我会留下一个未设置样式的页面,它没有注入任何样式表<head>
。似乎 Browsersync 重新加载在pug
(Pug 到 HTML 编译)完成之后触发,但在sass
(Sass 到 CSS 编译)完成之前,所以没有什么可以注入的。
主要问题:请告诉我如何在 Gulp 中强制执行正确的顺序。
额外问题:如何在标记更改时重新加载整页,而不是在样式表更改时重新加载整页,而是仅<head>
按照本文和“SASS + CSS 注入”下的Gulp 文档中所述将 CSS 注入”。
这是我的代码:
gulpfile.babel.js
吞咽/浏览器-sync.js
吞咽/styles.js
吞咽/标记.js
吞咽/注入.js
吞咽/watch.js
这是运行gulp
并更改源 Sass 文件之一后控制台的输出:
mobile - Gulp 移动连接
我已经从我的平板电脑创建了移动 WiFi 热点,并将我的笔记本电脑和手机连接到它。我正在尝试在这些手机上运行 Browsersync。我的外部 IP 地址是从 Browsersync -> Overview External 收集的。我在移动浏览器中粘贴了该 IP 地址,但它们无法连接。以下是 gulp 终端行:
我应该怎么办?这会是我平板电脑上的 WiFi 热点的错吗?
javascript - () => {} 在 gulpfile.js 中是什么意思
我正在学习 js,刚刚开始使用 yeoman 生成器。我使用 gulp 进行预处理和其他工作。当我浏览 gulpfile.js 时,我发现了这段代码。
我可以理解,当我们执行时gulp-serve
,它会运行样式、html 和 watch 任务,并在端口 9000 中打开一个开发服务器。
但我不明白这是什么() =>
意思。
如果有人能告诉我这是什么意思,将不胜感激。
提前致谢。
node.js - 无法在 Ubuntu 16.04 上访问浏览器同步外部 IP
我正在尝试遵循 Lynda.com 上的 wordpress 指南,该指南指示我使用 npm 和 Browser-Sync。当我在 Windows 机器上工作时一切正常,但我最近设置了一个 linux 服务器(Ubuntu 16.04),似乎无法访问浏览器同步给我的外部 URL。我在同一个网络上,它在我的任何设备上都不起作用。我将站点设置为http://custom.local。下面是我用来启动浏览器同步的 Gulpfile.js。
我试过使用不同的端口,设置隧道:真,以及我能找到的任何其他东西,但我什么也没得到。任何帮助都将是惊人的。
谢谢,
javascript - 任务“sass”不在您的 Gulpfile 中 - 错误
以下是我面临此错误的代码,请帮我解决这个问题,我会很高兴得到明确的答案___
一切运行顺利,但除非我保存文件,否则会出现以下错误
错误:任务“sass”不在您的 gulpfile 中
javascript - Gulp + 浏览器同步失败
我正在使用 Browser Sync 运行 Gulp,并在 Chrome 中收到以下错误:
NonESPMessageInterface --- nonEspMessageInterface.js:8
TypeError:无法读取 null 的属性 'insertBefore' --- angular.js:13708
清单消息无效,来自原点 #{e.origin}:MessageEventbubbles: falsecancelBubble: falsecancelable: falsecomposed: falsecurrentTarget: Windowdata: ObjectdefaultPrevented: falseeventPhase: 0isTrusted: truelastEventId: ""origin: " http://localhost:3000 "path: Array (1)ports: Array(0)returnValue: truesource: WindowsrcElement: Windowtarget: WindowtimeStamp: 4354.4type: "message" proto : MessageEvent --- nonEspMessageInterface.js:53
我的 gulp.js 文件如下所示:
这是我的 package.json 依赖项:
我最近更新到节点 v7.9.0。也许这与我的配置不兼容?另外,我使用的是 Angular 1.5.7。
任何帮助,将不胜感激!谢谢。
wordpress - Gulp + Browsersync:只想注入 CSS
我已经尝试让现场注射工作两天了......准备放弃,因为我已经阅读了码头和更多的 git is:issues 而不是我想重复的。
我不使用像 less 或 sass 这样的预处理器。我只想通过 Browsersync 重新加载更改后的 CSS。如果我保存文件并且设置了标题,则页面会重新加载。我已经尝试了很多选择,我的头在旋转。这是我尝试的最新版本。有人愿意带领我走向正确的道路吗?
库班图 Linux 17.04
浏览器同步--版本
2.18.12
节点-v
v7.10.0
npm -v
5.0.1