创建 Gulp 任务但不工作，为什么？

Question

根据 Gulp 文档，根据我所见，一切都很好。

之前，比方说一周前，我在 Sublime Text 上做 ctrl + s 并且我的视图（浏览器）自动重新加载。现在，在与 master 分支合并后，那些任务不再工作，没有重新加载任何东西，每次我想看到更改时我都必须去我的控制台并执行 Gulp，我讨厌这样。我将把我的 gulpfile.js 粘贴到这里，也许你能给我一个答案

var gulp = require('gulp'),
    watch = require('gulp-watch'),
    gutil = require('gulp-util'),
    bower = require('bower'),
    concat = require('gulp-concat'),
    sass = require('gulp-sass'),
    autoprefixer = require('gulp-autoprefixer'),
    minifyCss = require('gulp-minify-css'),
    rename = require('gulp-rename'),
    sh = require('shelljs'),
    jshint = require('gulp-jshint'),
    jscs = require('gulp-jscs'),
    shell = require('gulp-shell'),
    uglify = require('gulp-uglify'),
    ngAnnotate = require('gulp-ng-annotate');

var paths = {
  sass: ['./scss/**/*.scss']
};

// Dev task
gulp.task('dev', ['sass', 'lint', 'compress-lib', 'compress-js', 'run-ionic'], function() { });

// Build task


gulp.task('default', ['dev']);

//Ionic Serve Task
gulp.task('run-ionic',shell.task([
  'ionic serve'
]));

gulp.task('compress-lib', function() {
  gulp.src([
    './www/lib/ionic/js/ionic.bundle.min.js',
    './www/lib/localforage/dist/localforage.min.js',
    './www/lib/lodash/lodash.min.js',
    './www/lib/moment/moment.js',
    './www/lib/validator-js/validator.min.js',
    './www/lib/localforage-wrapper/localforage-wrapper.js',
    './www/lib/ua-parser-js/dist/ua-parser.min.js'
  ])
    .pipe(concat('lib.min.js'))
    .pipe(gulp.dest('./www/js'))
});

gulp.task('compress-js', function() {
  gulp.src([
    './www/js/app.js',
    './www/js/controllers.js',
    './www/js/common/footerController.js',
    './www/js/common/sportsFilter.js',
    './www/js/common/searchBarDirective.js',
    './www/js/auth/controller.js',
    './www/js/auth/service.js',
    './www/js/auth/interceptor.js',
    './www/js/auth/logoutController.js',
    './www/js/sports/controller.js',
    './www/js/sports/service.js',
    './www/js/leagues/service.js',
    './www/js/lines/controller.js',
    './www/js/lines/service.js',
    './www/js/betSlip/controller.js',
    './www/js/betSlip/service.js',
    './www/js/deviceDetector/service.js'
  ])
    .pipe(ngAnnotate())
    .pipe(concat('code.min.js'))
    .pipe(gulp.dest('./www/js'))
});

// JSHint task
gulp.task('lint', function() {
  gulp.src(['www/js/*.js', 'www/js/**/*.js', '!www/js/lib.min.js', '!www/js/code.min.js'])
      .pipe(jscs())
      .pipe(jshint())
      .pipe(jshint.reporter('default'));

});

gulp.task('sass', function(done) {
  gulp.src('./scss/ionic.app.scss')
    .pipe(sass({onError: function(e) { console.log(e); } }))
    .pipe(autoprefixer('last 2 versions', 'Chrome', 'ios_saf','Android'))
    .pipe(gulp.dest('./www/css/'))
    .pipe(minifyCss({
      keepSpecialComments: 0
    }))
    .pipe(rename({ extname: '.min.css' }))
    .pipe(gulp.dest('./www/css/'))
    .on('end', done);
});

gulp.task('watch', function() {
  gulp.watch(paths.sass, ['sass']);
});

gulp.task('install', ['git-check'], function() {
  return bower.commands.install()
    .on('log', function(data) {
      gutil.log('bower', gutil.colors.cyan(data.id), data.message);
    });
});

gulp.task('git-check', function(done) {
  if (!sh.which('git')) {
    console.log(
      '  ' + gutil.colors.red('Git is not installed.'),
      '\n  Git, the version control system, is required to download Ionic.',
      '\n  Download git here:', gutil.colors.cyan('http://git-scm.com/downloads') + '.',
      '\n  Once git is installed, run \'' + gutil.colors.cyan('gulp install') + '\' again.'
    );
    process.exit(1);
  }
  done();
});

我需要的只是重新加载部分，每次我 save -- ctrl + s 我的 IDE 里的东西，我想自动看到浏览器中的变化，我浪费了很多时间通过每次我想查看更改时转到控制台并键入 gulp。

Answer 1

关于浏览器不刷新，可能是LiveReload的问题。检查 ionic.project 文件中的 watchPatterns 配置。

https://github.com/driftyco/ionic-cli#testing-in-a-browser

至于gulp不是运行宁你改文件后：

听起来好像有人移动了一些文件。确认此路径仍指向您要观看的文件： sass: ['./scss/**/*.scss']。如果不是，请更新它并运行 gulp watch.

请记住，gulp.watch() 无法检测新文件，因此每次创建新的可监视文件时都需要重新启动。

Answer 2

您应该检查 git 中 gulpfile 何时更改，然后比较两个版本以查看更改内容。

$ git log gulpfile.js
$ git diff <commit id> gulpfile.js

创建 Gulp 任务但不工作，为什么？

Creating a Gulp task but not working, why?

javascript

gulp