PROSAGA码农传奇-gulp-PHP Gulp Livereload

<div class =“post-text”itemprop =“text”>
  <P>
    好吧，我不知道这个Gulpfile首先向你承诺了什么，但我在这里遗漏了两件事：
  </p>
  <UL>
    <LI>
      与您正在运行的服务器的任何连接。
    </LI>
    <LI>
      HTML文件中插入Livereload的位置。 Livereload需要知道注入的位置，并且不能自动开箱即用
    </LI>
  </UL>
  <P>
    这可能很棘手，尤其是当您已经启动并运行服务器时，它需要大量配置。一个可以很容易地与Gulp集成的工具，并且具有开箱即用的良好Livereload设置
    <a href="http://browsersync.io" rel="nofollow">
      BrowserSync
    </A>
    。您可以启动它并为您拥有的任何正在运行的服务器创建代理。它还将负责插入LiveReload片段。我强烈建议您切换到那个，特别是如果您对该主题不熟悉的话。我为你做了一切:-)
  </p>
  <P>
    我写过关于BrowserSync的文章
    <a href="http://fettblog.eu/php-browsersync-grunt-gulp/" rel="nofollow">
      这里
    </A>
    ，但以下是为使其工作而必须做的更改：
  </p>
  <H3>
    设置BrowserSync
  </H3>
  <P>
    将它添加到您的Gulpfile：
  </p>
   <pre>
    <code>
      var browserSync = require('browser-sync');

browserSync({
    proxy: 'localhost:80',
    port: 8080,
    open: true,
    notify: false
});

</code>
  </pre>
  <P>
    （别忘了
     <code>
      npm install --save-dev browser-sync
    </code>
     第一）。这将创建一个新服务器，代理您的MAMP并注入LiveReload所需的一切。打开你的页面
     <code>
      localhost:8080
    </code>
     （BrowserSync会为你自己做），你准备好了
  </p>
  <H3>
    添加重新加载呼叫
  </H3>
  <P>
    无论你放在哪里
     <code>
      livereload
    </code>
    ，改成它
  </p>
   <pre>
    <code>
      .pipe(browserSync.reload({stream: true}))

</code>
  </pre>
  <P>
    像这样例如：
  </p>
   <pre>
    <code>
      gulp.task('scripts', function () {
    return gulp.src(config.src_main_js)
        .pipe(include())
        .pipe(gulp.dest(config.dist_javascripts))
        .pipe(browserSync.reload({stream:true}))
});

</code>
  </pre>
  <P>
    这将触发LiveReload并刷新您的源。确保你随处可见，改变东西。
  </p>
  <P>
    比你应该能够去的。祝好运！
  </p>
  <H3>
    还有一件事
  </H3>
  <P>
    请写一点
     <code>
      return
    </code>
     每个人之前的声明
     <code>
      gulp.src
    </code>
    。这将让Gulp知道您正在使用流，使其更加能够使用流。
  </p>
</DIV>