小编jor*_*ond的帖子

我目前正在编写一个侧面项目,我可以在其中了解有关TypeScript和ES6(使用babel)的更多信息.

我想在我的TypeScript中使用ES6,所以我选择了以下工作流程.

Typescript (ES6) -> Babel (ES6) -> ES5

现在我正在使用Gulp来自动化所有这些,并且我很难让源图正确生成.我应该提一下,用户在/ r/typescript上向我建议了这种风格,所以我甚至不确定它是否可行.

无论如何,这是我当前的gulp任务

var server = $.typescript.createProject('src/server/tsconfig.json');
gulp.task('build', ['vet'], function () {
  var sourceRoot = path.join(__dirname, 'src/server/**/*.ts');
  return gulp.src('src/server/**/*.ts')
    .pipe($.sourcemaps.init())
      .pipe($.typescript(server))
      .pipe($.babel())
    .pipe($.sourcemaps.write('.', { sourceRoot: sourceRoot}))
    .pipe(gulp.dest('build/server'));
});

我尝试了很多不同的方法,但都没有.在VSCode中调试时,我的app的入口点:正确build/server/index.js加载并找到源文件src/server/index.ts.

然而,当VSCode试图步入另一个文件中说,build/server/utils/logger/index.js它看起来src/server/utils/logger/index.js它没有找到,因为它应该寻找一个*的.ts文件.

那么我做错了什么？或者这甚至可能吗？我现在已经盯着这个约5个小时了.所以任何见解都会很棒.

另外VSCode 0.9.x显示'.../.js' file not found和VSCode 1.0只是静默失败.

我的tsconfig.json,它被传入 $.typescript.createProject()

{
  "compilerOptions": {
    "module": "commonjs",
    "noImplicitAny": true,
    "removeComments": true,
    "preserveConstEnums": true,
    "target": "ES6",
    "sourceMap": true,
    "outDir": "build/server"
  }
}

.babelrc

{
  "presets": …