我有一个 吞 </跨度> 我从这里抓取的文件并修改为:
VAR 吞 </跨度> =要求(‘ 吞 </跨度> “), path = require(‘path’), del = require(‘del’ ’), run = require(‘run-sequence’), sass = require(‘ 吞 </跨度> -sass’), autoprefixer = require(‘ 吞 </跨度> -autoprefixer“), include = require(’ 吞 </跨度> - 包括 -
好吧,我不知道这个Gulpfile首先向你承诺了什么,但我在这里遗漏了两件事:
这可能很棘手,尤其是当您已经启动并运行服务器时,它需要大量配置。一个可以很容易地与Gulp集成的工具,并且具有开箱即用的良好Livereload设置 BrowserSync 。您可以启动它并为您拥有的任何正在运行的服务器创建代理。它还将负责插入LiveReload片段。我强烈建议您切换到那个,特别是如果您对该主题不熟悉的话。我为你做了一切:-)
我写过关于BrowserSync的文章 这里 ,但以下是为使其工作而必须做的更改:
将它添加到您的Gulpfile:
var browserSync = require('browser-sync'); browserSync({ proxy: 'localhost:80', port: 8080, open: true, notify: false });
(别忘了 npm install --save-dev browser-sync 第一)。这将创建一个新服务器,代理您的MAMP并注入LiveReload所需的一切。打开你的页面 localhost:8080 (BrowserSync会为你自己做),你准备好了
npm install --save-dev browser-sync
localhost:8080
无论你放在哪里 livereload ,改成它
livereload
.pipe(browserSync.reload({stream: true}))
像这样例如:
gulp.task('scripts', function () { return gulp.src(config.src_main_js) .pipe(include()) .pipe(gulp.dest(config.dist_javascripts)) .pipe(browserSync.reload({stream:true})) });
这将触发LiveReload并刷新您的源。确保你随处可见,改变东西。
比你应该能够去的。祝好运!
请写一点 return 每个人之前的声明 gulp.src 。这将让Gulp知道您正在使用流,使其更加能够使用流。
return
gulp.src