javascript - gulp配置监听无效？

问题描述

问 题

如图，我配置了监听，主要监听src内的文件变动。但是只有根目录下的index.html被正确监听了，其他像sass、js什么的都没反应，那么gulpfile.js是否有不合理的地方？请指教，谢谢！！

gulpfile.js文件内容如下：

var gulp        = require('gulp');
var browserSync = require('browser-sync').create();
var sass        = require('gulp-sass');
var prefix      = require('gulp-autoprefixer');
var reload      = browserSync.reload;

var Asset = {
    html: './src/html/*.html',
    js: './src/js/*.js',
    sass: './src/sass/*.scss',
    images: './src/images/*'
};
// 静态服务器 + 监听 scss/html 文件
gulp.task('server', function() {
    browserSync.init({
        server: "."
    });

});
// scss编译后的css将注入到浏览器里实现更新
gulp.task('sass', function() {
    return gulp.src("./src/sass/*.scss")
        .pipe(sass())
        .pipe(prefix())
        .pipe(gulp.dest("./dist/"))
        .pipe(reload({stream: true}));
});
//监听
gulp.task('watch', function() {
  gulp.watch("Asset.html", reload);
  gulp.watch("Asset.js", reload);
  gulp.watch("Asset.sass", ['sass'], reload);
  gulp.watch("Asset.images", reload);
});
// 默认
gulp.task('default', ['sass','watch','server']);

解决方案

var Asset = {
    html: './src/html/**.html',
    js: './src/js/**.js',
    sass: './src/sass/**.scss',
    images: './src/images/**'
};
...
gulp.task('watch', function() {
  gulp.watch(Asset.html, reload);
  gulp.watch(Asset.js, reload);
  gulp.watch(Asset.sass, ['sass'], reload);
  gulp.watch(Asset.image", reload);
});

Asset.html之类引用不用带引号,PS:*和，貌似我更喜欢，没理由

这篇关于javascript - gulp配置监听无效？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！