Gulp - 将现有的缩小文件和源地图与非缩小文件和源地图结合使用

Question

我们正在使用gulp进程，与大多数人一样，压缩，uglify和concat JavaScript文件到单个“app.js”文件。我们正在使用的一些文件是通过凉亭分发的，并且已经预先缩小了源地图。理想情况下，我们只需直接使用.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的现有文件+第一批的输出并连接它们（并重新运行源图）＆amp;再次管道到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"

Answer 1

gulp sourcemaps插件可让您轻松完成此操作。在sourcemaps.init之后使用选项gulp.src管道{loadMaps: true}函数，它将检查具有相同文件名但在结尾处.map扩展名的现有源图。