离子服务：如何重新运行 gulp 任务

Question

我对 ionic 和 gulp 有点陌生。 当我第一次运行 ionic serve 时，我能够配置 ionic.project 文件以运行 gulp 任务。 但是现在当我更改文件时，我希望 gulp 任务再次运行..但这不会发生..有没有办法做到这一点？

这是我的ionic.project 文件：

{
  "name": "test",
  "app_id": "",
  "gulpStartupTasks": [
    "default"
  ],
  "watchPatterns": [
    "src/**/*",
    "src/*",
    "www/**/*",
    "!www/lib/**/*"
  ]
}

我预计当某些文件更改与wtachPatterns 匹配时 它将调用 gulp watch 任务，但这不会发生（我看到 ionic 看到文件已更改但没有任何反应。）

这是 gulp watch 任务：

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

基本上任务是压缩所有的 JS 文件和所有的 sass/scss 文件 index.html 正在查看缩小的文件。因此，如果未调用 gulp 任务，则缩小文件中没有任何更改，我需要重新运行ionic serve。有没有合适的方法来做到这一点？

更新：

这是完整的 gulpfile

var gulp = require('gulp');
var gutil = require('gulp-util');
var bower = require('bower');
require('require-dir')('./gulp/tasks');


var paths = {
  sass: ['./scss/**/*.scss'],
  style: ['./src/**/*.scss'],
  script: ['./src/app.js'],
  html:['./src/*.html']
};

gulp.task('default', ['sass', 'script','watch', 'html', 'style']);


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

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();
});

这是具有实际任务的文件之一的示例：

var browserify = require('browserify');
var gulp = require('gulp');
var source = require('vinyl-source-stream');
var stringify = require('stringify');

var paths = ['./src/app.js'];

gulp.task('script', function() {
  return browserify(paths, {debug: true})
    .transform(stringify(['.html']))
    .bundle()
    .pipe(source('app.js'))
    .pipe(gulp.dest('./www/js'));
});

Answer 1

那么问题出在paths 我看了。 我删除了./，现在它可以工作了

Answer 2

首先，您误解了watchPatterns 是用于livereload，这意味着如果手表上有任何文件更改，网络将刷新。绝对和gulp没有任何关系。

阅读更多：http://ionicframework.com/docs/cli/test.html

要使用 watch 监视文件更改，请更新您的 watch task，即

gulp.task('watch', function() {
  gulp.watch(paths.sass, ['sass']);  <-- any file in paths.sass changed will trigger `gulp sass`
  gulp.watch(paths.script, ['script']);  <-- any file in paths.script changed will trigger `gulp script`
});

所以如果你想看更多 Gulp 处理的文件，只需添加任务并在gulp watch 中观看。

哦，嘿，您只观看./scss/**/*.scss 和./src/app.js 中的文件。如果你愿意，可以添加更多。