使用 Gulp 将文件保存在不同文件夹中时保留源映射

Question

我正在尝试创建一个 Gulp 任务，它接收 JS 文件，对其运行 uglify，在文件名中添加 .min 后缀，然后将它们保存在与源文件夹不同的目标文件夹中。棘手的部分是保持源映射工作......

gulp.task('uglify-js', function () {
    // Fetch CSS files
    return gulp.src(['assets/js/*.js', '!assets/js/*.min.js'])

        // Start source map
        .pipe(sourcemaps.init({loadMaps: true}))

        // Uglify JS
        .pipe(uglify())

        // Add file suffix
        .pipe(rename({suffix: '.min'}))

        // Save source map
        .pipe(sourcemaps.write())

        // Save output to destination folder
        .pipe(gulp.dest('public/js/'));
});

我尝试了许多不同的选项，但源映射似乎不起作用... 有谁知道这样做的正确方法吗？

我的包裹：

"devDependencies": {
  "gulp": "^3.8.10",
  "gulp-rename": "^1.2.0",
  "gulp-sourcemaps": "^1.3.0",
  "gulp-uglify": "^1.0.2"
}

非常感谢！ :)

Answer 1

问题是 gulp-rename 目前不支持 gulp-sourcemaps，如 their latest issue 中所述。

另一种方法是使用支持源映射的不同库，例如gulp-concat，它支持重命名文件。但是，如果您不想合并文件，您可以随时打开一个针对 gulp-rename 的拉取请求以添加源映射支持，如 documented here。

更新：自 2015 年 3 月 14 日起 gulp-rename 现在 supports sourcemaps