如何在laravel环境中使用gulp重新加载浏览器同步？
如何在laravel环境中使用gulp重新加载浏览器同步？
提问于 2018-02-05 21:41:54
我正尝试在homestead laravel环境中使用gulp task runner运行Browsersync。当我做出改变时，Browsersync会在命令官中启动，Browsersync说它正在“重新加载浏览器”。这很有可能，但除非我手动刷新浏览器，否则我无法实时看到重新加载。
我尝试了mix，这很有效，但我正在使用gulp to postcss，我发现很难在mix中设置它……
var gulp = require('gulp'),
watch = require('gulp-watch'),
browserSync = require('browser-sync').create();
gulp.task('watch', function() {
browserSync.init(null, {
notify: false,
port: 8000,
host: '192.168.10.10',
proxy: 'test.test',
open: false,
files: [
'app/**/*.php',
'resources/views/**/*.php',
'public/js/**/*.js',
'public/css/**/*.css'
],
watchOptions: {
usePolling: true,
interval: 500
}
});
watch('./resources/**/*.php', function() {
browserSync.reload();
});
});我还添加了以下内容：
@if (getenv('APP_ENV') === 'local')
<script id="__bs_script__">//<![CDATA[
document.write("<script async src='http://HOST:3000/browser-sync/browser-sync-client.js?v=2.18.12'><\/script>".replace("HOST", location.hostname));
//]]>
</script>
@endif添加到主应用程序php文件中，但对gulp浏览器同步设置没有影响。(Mix运行良好...)。
请停下来:)
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-02-05 22:25:34
我不能100%确定你的设置是怎样的，但我通常只用以下命令初始化brwoserSync：
browserSync.init({
proxy: 'localhost:8000'
});如果我的php服务器在本地运行，我就可以通过http://localhost:3000访问它。
因此，我假设您正在IP为192.168.10.10、端口为8000的VM Ubuntu上运行，因此此设置可能会起作用，但我还不能100%确定
var gulp = require('gulp'),
watch = require('gulp-watch'),
browserSync = require('browser-sync').create();
gulp.task('watch', function() {
browserSync.init(null, {
notify: false,
proxy: '192.168.10.10:8000',
open: false,
files: [
'app/**/*.php',
'resources/views/**/*.php',
'public/js/**/*.js',
'public/css/**/*.css'
],
watchOptions: {
usePolling: true,
interval: 500
}
});
watch('./resources/**/*.php', function() {
browserSync.reload();
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/48623934
复制相关文章
相似问题
腾讯云开发者
