日々精進

新しく学んだことを書き留めていきます

gulpでTypeScriptのSoucemapを生成する

gulp-sourcemapsを使う。sourcemaps.writeを引数なしで呼ぶと生成したJSの中にSoucemapを埋め込むが、それだと ChromeDevToolsでうまく動かなかった。"./"を渡すとJSと同じ場所にSoucemapを生成してくれる。これだとちゃんと機能した。

var sourcemaps = require('gulp-sourcemaps');
var mainProject = typescript.createProject(compilerOptions);
gulp.task('compile', function(){
  var result = gulp.src(mainDir + '/**/*.ts')
    .pipe(sourcemaps.init())
    .pipe(typescript(mainProject));
  return result.js.pipe(sourcemaps.write("./")).pipe(gulp.dest(publicDir));
});

参考: