javascript – gulp watch .js文件不起作用

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – gulp watch .js文件不起作用，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1261字，纯文字阅读大概需要2分钟。

内容图文

gulpfile.js

'use strict';

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

gulp.task('serve')

// Static Server + watching scss/html files
gulp.task('serve', function() {

    browserSync.init({
        server: "./public"
    });

    gulp.watch('./public/**/*.html').on('change', reload); // worked
    gulp.watch('./public/**/*.js').on('change', reload); // doesn't work
});

gulp.task('sass', function () {
  return gulp.src('./public/sass/**/*.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(gulp.dest('./public/css'))
    .pipe(reload({stream: true}));
});

gulp.task('sass:watch', function () {
  gulp.watch('./public/sass/**/*.scss', ['sass'])
});

gulp.task('default', ['serve','sass', 'sass:watch']);

使用上面的gulp设置,当我对我的html和sass文件进行更改时,我的broswersnyc工作正常,但它不适用于javascript文件.

这是我的文件夹结构：

它与AngularJS有关吗？因为我的app.js(在我的公共文件夹中)由AngularJS控制器组成.

解决方法:

如果您将app.js移动到“public / js”文件夹,它将正常工作

gulp.watch('./public/**/*.js').on('change', reload); // doesn't work

因为在以前的片段中,您正在观看公共目录的子文件夹中的js文件.

你可能会使用这一行,它可能会起作用

gulp.watch(['./public/**/*.js', './public/*.js']).on('change', reload);

内容总结

以上是互联网集市为您收集整理的javascript – gulp watch .js文件不起作用全部内容，希望文章能够帮你解决javascript – gulp watch .js文件不起作用所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端