我应该创建两个不同的 gulp 任务吗？

Question

这是一个非常笼统的问题 - 但作为 task运行ners 的新手，我对工作流程有些困惑。我知道您可以创建一个任务来执行诸如 uglify 和 minify 之类的操作，但是在编写代码时如何调试呢？具体来说，如果我需要查看我的 js 源代码以确定问题，我的工作流程是什么？我是否创建了一个不影响我的 javascript 文件进行开发的不同任务，然后运行当我知道事情正常工作时做所有事情的任务？

Answer 1

很难在您暗示但未提及的工作流程部分的上下文中回答，但是对于 uglification/minification 一个好的解决方案是 sourcemaps，或者更具体地说，因为您问的是gulp：gulp-sourcemaps。

来自他们的文档：

gulp.task('javascript', function() {
  gulp.src('src/**/*.js')
    .pipe(sourcemaps.init())
      .pipe(plugin1())
      .pipe(plugin2())
    .pipe(sourcemaps.write())
    .pipe(gulp.dest('dist'));
});

那些插件（plugin1 等）会像 uglify，但确实需要与 sourcemaps 兼容。

所有这些都允许您的浏览器找到从连接的、缩小的代码返回到正确的源文件的路径。

作为脚注，您已经提到的替代方案也可以正常工作：以可以在开发中提供源（或至少：未缩小）文件的方式编写构建任务，并在暂存和生产中提供缩小代码.

对于所有此类（有点）宽泛的问题：视情况而定。

我应该创建两个不同的 gulp 任务吗？

Should I create two different gulp tasks?

javascript

workflow

frontend

gulp