Gulp - 將現有縮小文件和源地圖與非縮小文件和源地圖結合使用

Question

我們正在使用與大多數人一樣的壓縮，uglify和將JavaScript文件連接到單個「app.js」的gulp過程，文件。我們使用的一些文件是通過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。將已存在的文件+第一批輸出並將它們連接（並重新運行通過源映射）& pipe再次分開，然後對最後一組執行相同的操作。

，我們已經使用做這一切的大口插件是：

"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擴展名的現有源地圖。