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

Question

这是一个非常普遍的问题 - 但作为任务管理员的新手，我对工作流程感到有些困惑。我知道你可以创建一个像uglify和minify这样的东西的任务，但是在你编写代码的时候调试呢？具体来说，如果我需要查看我的js源来识别问题，那么我的工作流程是什么？我是否创建了一个不会影响我的javascript文件进行开发的不同任务，然后在我知道事情正常工作的情况下运行完成所有操作的任务？

Answer 1

很难回答您提到的工作流程部分，但没有提及，但对于丑化/缩小，一个好的解决方案是源图，或者更具体地说，因为您＆＃39 ;再问一下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一样，但确实需要与源映射兼容。

所有这些都允许您的浏览器从连接的，缩小的代码中找到它的方式，一直到正确的源文件。

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

与所有这些（有些）广泛的问题一样：这取决于。