2017-09-15 42 views
0

我试图在Laravel中用elixir实现BrowserSync。因此,浏览器更新本身每次保存我让我的.scss文件在localhost上用elixir设置BrowserSync for laravel


为了模拟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进行刷新。有人可以提出我必须做出的改变才能使这件事情起作用吗?

回答

0

后来换了几件事情:

模拟PHP服务器与下面的命令:

php artisan serve --host=127.0.0.1 

Gulp.js

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

此代码是足以让它跑。随意发布建议。