GulpJS - 与Laravel一起现场重装

Question

我试图让这个工作起来，我现在花了一天时间并没有取得多大成功......我对Laravel和GulpJS都很陌生，这使得它成为现实我想更好......：）

我想要实现的是一个（最好是跨平台的）解决方案，用于在GulpJS实例上使用Laravel重新加载浏览器上的文件更改。我可以根据其文档获得gulp-livereload工作，但我无法正确设置它以对http://laravel.dev设置的本地域MAMP PRO产生影响（我知道，我知道... 的）。

只要我可以逐个项目地设置本地开发域，我很高兴将MAMP置之不理。我试着在https://laracasts.com/上四处寻找，但我还没有找到一个解决方案来处理Laravel自动重新加载浏览器 - 似乎所有{{}}都缺少这一点1}}解决方案......

有人救援吗？有任何想法吗？我会继续寻找其中...... :)

Answer 1

当然，您可以在Laravel中使用gulp-livereload。而且您不必使用Elixir进行实时加载。只需执行以下操作：

1. 像往常一样在Laravel App文件夹中安装gulp模块：

   npm install --save-dev gulp gulp-livereload
   

2. 使用src =＆＃34; // localhost：35729 / livereload.js？snipver = 1＆＃34;将javascript添加到用于livereload的Laravel布局脚本中（抱歉，这个网站不允许我插入完整的JavaScript代码段）

3. 安装LiveReload浏览器扩展程序

4. 最简单的gulpfile.js将是这样的：

   var gulp = require('gulp'),
       livereload = require('gulp-livereload');
   
   gulp.task('reload', function() {
       livereload.reload();
   });
   
   gulp.task('watch', function() {
     livereload.listen();
     gulp.watch(['./public/**/*.css', './app/**/*.php', './resources/**/*.php'],
       ['reload']);
   });
   

5. 运行gulp watch