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时，该功能正在观看我的文件并注意到文件夹styles.scss中的public/css/已更新。但我在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'});
});

此代码足以让它运行。随意发表建议。

使用elixir在localhost上为laravel设置BrowserSync

1 个答案: