Gulp - 将现有的缩小文件和源映射与非缩小文件和源映射结合使用答案

【问题标题】：Gulp - Using existing minified files and source maps in combination with non-minified files and source mapsGulp - 将现有的缩小文件和源映射与非缩小文件和源映射结合使用
【发布时间】：2014-12-15 19:26:07
【问题描述】：

我们正在使用 gulp 过程，与大多数人一样，该过程将 JavaScript 文件压缩、uglify 和 concat 到单个“app.js”文件。我们使用的一些文件是通过 bower 分发的，并且已经使用源映射进行了预压缩。理想情况下，我们不需要重新缩小这些文件，而是直接使用 .min 和 .min.map。我们如何适应这种情况？

所以，本质上，我们的 JavaScript .src 文件看起来像这样

'[FILE(S) TO BE UGLIFIED]',
'[FILE(S) ALREADY UGLIFIED]', // these also have map files
'[FILE(S) TO BE UGLIFIED]'

我们希望它们都在一个 app.min.js 和 app.min.js.map 中。

由于这些都被复制到一个 dist 目录，如果我们做一些类似 uglify 第一组文件，管道到 dist 的事情是可以接受的。获取已经 uglified 的现有文件 + 第一批的输出并将它们连接（并通过源映射重新运行）并再次管道到 dist，然后对最后一组执行相同的操作。

我们已经在使用的 gulp 插件是：

"gulp-concat": "2.4.1",
"gulp-uglify": "1.0.1",
"gulp-token-replace": "1.0.1",
"gulp-autoprefixer": "1.0.1",
"gulp-if": "1.2.5",
"gulp-sourcemaps": "1.2.2"

【问题讨论】：

标签： javascript gulp gulp-uglify

【解决方案1】：

gulp sourcemaps 插件可以让您非常轻松地做到这一点。在gulp.src 之后使用{loadMaps: true} 选项将其sourcemaps.init 函数传递给它，它将检查具有相同文件名但最后有.map 扩展名的现有源映射。

【讨论】：