使用 elixir 在本地主机上为 laravel 设置 BrowserSync

Question

我正在尝试使用 elixir 在 Laravel 中实现 BrowserSync。因此，浏览器会在我在 .scss 文件

中进行的每次保存时自行更新

模拟php服务器

php -S localhost:8888 -t public // executed from project folder with git bash

Gulp.js 文件

var gulp = require('gulp');
var elixir = require('laravel-elixir');
var browserSync = require('browser-sync').create();


elixir(function(mix) {
  mix.browserSync({
      base: './public',
      proxy: 'localhost',
      port: 8888
  });
});

一切正常。当我使用 gulp watch 时，该功能正在监视我的文件并注意到文件夹 public/css/ 中的 styles.scss 已更新。但是我在 localhost:8888 上的浏览器没有刷新 style.scss 生成的新 css。有人可以建议我必须进行哪些更改才能使它正常工作吗？

Answer 1

必须更改一些内容：

使用以下命令模拟 PHP 服务器：

php artisan serve --host=127.0.0.1

Gulp.js

elixir(function(mix) {
  mix.browserSync({proxy: 'localhost:8000'});
});

这段代码就够了运行。欢迎提出 post 个建议。

使用 elixir 在本地主机上为 laravel 设置 BrowserSync

Setting up BrowserSync for laravel on localhost with elixir

php

laravel

gulp

browser-sync