Gulp 重新加载无效
Gulp reload doesn't work
我想在我的工作流程中使用 gulp reload,但我遇到了问题。当我在命令行中通过 "gulp" 命令启动时,我有服务器连接,但是当我转到我的浏览器时,有 massege "Cannot GET /"
这是什么,我该如何解决这个问题?请帮忙
我有下一个gulpfile.js:
/**
* Created by adm on 4/24/2016.
*/
var gulp = require('gulp'),
rename = require('gulp-rename'),
minifyCSS = require('gulp-minify-css'),
notify = require("gulp-notify"),
livereload = require('gulp-livereload'),
connect = require('gulp-connect');
/*----------Local Server connect----------*/
gulp.task('connect', function() {
connect.server({
root: 'traning_js_skils',
livereload: true
});
});
/*----------HTML----------*/
gulp.task('html', function () {
gulp.src('./src/index.html')
.pipe(connect.reload());
});
/*----------CSS----------*/
gulp.task('css', function() {
return gulp.src('css/*.css')
.pipe(minifyCSS({keepBreaks:true}))
.pipe(rename('common.min.css'))
.pipe(gulp.dest('testfiles/'))
.pipe(livereload());
/*.pipe(connect.reload());*/
/*.pipe(notify('Done!'))*/
});
/*----------Watch----------*/
gulp.task('watch', function () {
livereload();
gulp.watch('css/*.css', ['css']);
gulp.watch('index.html', ['html']);
});
gulp.task('default', ['css', 'watch', 'connect']);
这是我的项目结构:
我把完整的答案放在这里:
所以对于根。
如果您的 index.html 文件是主目录中的文件。将根配置设置为 ./
connect.server({
root: './',
livereload: true
});
重装。
我不使用 livereload 但在文档中我可以看到这个
gulp.task('less', function() {
gulp.src('less/*.less')
.pipe(less())
.pipe(gulp.dest('css'))
.pipe(livereload());
});
gulp.task('watch', function() {
livereload.listen();
gulp.watch('less/*.less', ['less']);
});
可能是您缺少 .listen()
我想在我的工作流程中使用 gulp reload,但我遇到了问题。当我在命令行中通过 "gulp" 命令启动时,我有服务器连接,但是当我转到我的浏览器时,有 massege "Cannot GET /" 这是什么,我该如何解决这个问题?请帮忙
我有下一个gulpfile.js:
/**
* Created by adm on 4/24/2016.
*/
var gulp = require('gulp'),
rename = require('gulp-rename'),
minifyCSS = require('gulp-minify-css'),
notify = require("gulp-notify"),
livereload = require('gulp-livereload'),
connect = require('gulp-connect');
/*----------Local Server connect----------*/
gulp.task('connect', function() {
connect.server({
root: 'traning_js_skils',
livereload: true
});
});
/*----------HTML----------*/
gulp.task('html', function () {
gulp.src('./src/index.html')
.pipe(connect.reload());
});
/*----------CSS----------*/
gulp.task('css', function() {
return gulp.src('css/*.css')
.pipe(minifyCSS({keepBreaks:true}))
.pipe(rename('common.min.css'))
.pipe(gulp.dest('testfiles/'))
.pipe(livereload());
/*.pipe(connect.reload());*/
/*.pipe(notify('Done!'))*/
});
/*----------Watch----------*/
gulp.task('watch', function () {
livereload();
gulp.watch('css/*.css', ['css']);
gulp.watch('index.html', ['html']);
});
gulp.task('default', ['css', 'watch', 'connect']);
这是我的项目结构:
我把完整的答案放在这里:
所以对于根。
如果您的 index.html 文件是主目录中的文件。将根配置设置为 ./
connect.server({
root: './',
livereload: true
});
重装。
我不使用 livereload 但在文档中我可以看到这个
gulp.task('less', function() {
gulp.src('less/*.less')
.pipe(less())
.pipe(gulp.dest('css'))
.pipe(livereload());
});
gulp.task('watch', function() {
livereload.listen();
gulp.watch('less/*.less', ['less']);
});
可能是您缺少 .listen()