0

我正在努力使这项工作正常进行,但我现在花了一天的时间并没有取得太大的成功...我对两者都是新手,Laravel并且GulpJS我猜这使它变得更好... :)

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

MAMP只要我可以逐个项目地设置本地开发域,如果这是必须的,我很乐意留下。我什至试图在https://laracasts.com/上环顾四周,但我还没有找到一个可以自动重新加载浏览器的解决方案Laravel- 似乎所有Laravel-GulpJS解决方案都缺少这一点......

有人来救援吗?有任何想法吗?在此期间我会继续寻找...... :)

4

1 回答 1

0

当然,你可以在 Laravel 中使用 gulp-livereload。而且您不必使用 Elixir 进行 livereload。只需执行以下操作:

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

    npm install --save-dev gulp gulp-livereload
    
  2. 使用 src="//localhost:35729/livereload.js?snipver=1" 将 javascript 添加到 Laravel 布局脚本以进行 livereload(对不起,该站点不允许我插入完整的 javascript 片段)

  3. 安装 LiveReload 浏览器扩展

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

    var gulp = 需要('gulp'),
        livereload = require('gulp-livereload');
    
    gulp.task('重载', function() {
        livereload.reload();
    });
    
    gulp.task('watch', function() {
      livereload.listen();
      gulp.watch(['./public/**/*.css', './app/**/*.php', './resources/**/*.php'],
        ['重新加载']);
    });
    
  5. 运行 gulp 手表

于 2015-07-21T14:50:16.697 回答