通过 gulp 移动由 typescript 生成的 JS 文件（在运行时保存）答案

【问题标题】：Move JS file generated by typescript (saved during runtime) via gulp通过 gulp 移动由 typescript 生成的 JS 文件（在运行时保存）
【发布时间】：2015-12-13 05:32:56
【问题描述】：

在新的 ASP.NET 5 项目中，有一个名为 wwwroot 的文件夹，通常包含 web 请求可访问的 js、css 和其他文件。

我的打字稿文件位于此文件夹之外。每当我保存 ts 文件时，我都希望将生成的 js 文件传输到 wwwroot 文件夹。这可以在构建期间轻松完成。

但是，我希望在运行时更改和保存 ts 文件时也发生这种情况。

我使用gulp-watch 如下所示，但它不起作用。

gulp.task('watch:ts', function () {
      gulp.watch('Contents/Scripts/**/*.ts', ['min:site:js']);
     });

min:site:js 是将 js 文件移动到 wwwroot 的任务

gulp.task('min:site:js', function () {
return gulp
  .src('Contents/Scripts/**/*.js', { relative: true })
  .pipe(newer('wwwroot/js/'))
  .pipe(gulp.dest('wwwroot/js/'))
  .pipe(uglify())
  .pipe(rename({ extname: '.min.js' }))
  .pipe(gulp.dest('wwwroot/js/'));
});

【问题讨论】：

我们需要查看您的 min:site:js 任务的实现。

标签： typescript gulp asp.net-core gulp-watch

【解决方案1】：

您遇到的问题是 gulp.dst 正在完成流。另外，您尝试写两次（使用 gulp.dest 两次）。在我看来，这没有任何意义。

试试这个：

gulp.task('min:site:js', function () {
return gulp
  .src('Contents/Scripts/**/*.js', { relative: true })
  .pipe(newer('wwwroot/js/'))
  .pipe(uglify())
  .pipe(rename({ extname: '.min.js' }))
  .pipe(gulp.dest('wwwroot/js/'));
});

【讨论】：