Express Typescript Visual Studioのコードデバッグ

Question

express/typescript/gulp appを実装しようとしていますが、動作しますが、ソースマップを使用してデバッグすることができません。ここで

は私のセットアップ

ガルプはここ

var gulp = require('gulp'), 
    nodemon = require('gulp-nodemon'), 
    livereload = require('gulp-livereload'), 
    sourcemaps = require('gulp-sourcemaps'), 
    gulpPlumber = require('gulp-plumber'), 
    merge = require('merge2'), 
    ts = require('gulp-typescript'); 

var tsProject = ts.createProject('tsconfig.json'); 

gulp.task('typescript', function() { 
    console.log('Compiling TypeScript'); 

    var tsResult = gulp.src(['src/**/*.ts']) 
     .pipe(gulpPlumber()) 
     .pipe(sourcemaps.init()) 
     .pipe(tsProject()); 

    // merge dts & js output streams... 
    return merge([ 
     // type definitions 
     tsResult.dts 
      .pipe(gulp.dest("./src/")), 
      // javascript 
     tsResult.js 
      //.pipe(sourcemaps.write(writeOptions)) 
      .pipe(gulp.dest('./src/')) 
     ]); 


}); 

gulp.task('serve', ['typescript'], function() { 

    gulp.watch('./**/*.ts', ['typescript']); 

    livereload.listen(); 

    nodemon({ 
     script: './relax', 
     ext: 'js', 
    }).on('restart', function() { 
     setTimeout(function() { 
      console.log("reload!"); 
      livereload.reload(); 
     }, 500); 
    }); 

}); 

ファイルであるVSコードを起動ファイルです：https://github.com/MichalZak/beanbag

：

"configurations": [ 
    { 
     "name": "Launch Program", 
     "type": "node2", 
     "request": "launch", 
     "program": "${workspaceRoot}\\relax.js", 
     "cwd": "${workspaceRoot}", 
     "outFiles": [], 
     "sourceMaps": true 
    }, 
    { 
     "name": "Attach to Process", 
     "type": "node2", 
     "request": "attach", 
     "address": "localhost", 
     "restart": false, 
     "sourceMaps": false, 
     "localRoot": "${workspaceRoot}", 
     "remoteRoot": null, 
     "port": 5858 
    } 
] 

完全なコードはでGitのレポで見つけることができますこのプロセスをノードサーバーに接続できません。助言がありますか？

Answer 1

ソースマップが使用されないのは、それらが存在しないためです。言い換えれば、生成されたソースマップを書き込み/保存しているわけではありません。あなたのgulpfile.jsにラインのこれらのカップルを追加することによってそれを行うことができます助けを

return merge([ 
... 
    ]) 
    .pipe(sourcemaps.write()) 
    .pipe(gulp.dest('./src/'));