ほとんどの人と同様に、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]'
そして、それらをすべて 1 つの app.min.js と app.min.js.map にまとめたいと考えています。
これらはすべてdistディレクトリにコピーされているため、最初のファイルセットを醜くしてdistにパイプするなどのことをすれば問題ありません。すでに醜い化された既存のファイル + 最初のバッチからの出力を取得し、それらを連結 (およびソースマップを再実行) し、再度 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"